我一直在用的代码编辑器是sublime text,然后总结了一些相关的操作方法。

一 环境操作

1.放大显示比例:Ctrl+

2.缩小显示比例:Ctrl-

3.分屏:Alt+ Shift +数字     例如:Alt+ Shift +2   表示分成两屏

4.选择一个单词:Ctrl+D     选择一行:Ctrl+L    选择全部文本内容:Ctrl+A

5.多处选择:按下Ctrl键,进行多次单击,光标定位在多个位置,同时可以进行编辑。

6.代码的缩进:选中,Ctrl+】(向右缩进);Ctrl+【(向左凸起)

7.浏览网页:右键在空白处单击,选择在浏览器中打开。

二 Html的基本操作

1.新建一个文件:Ctrl+N

2.保存:Ctrl+S

3.形成基本的html5标准的文件结构:英文状态下的叹号+Tab 或者Ctrl+E

4.撤销:Ctrl+Z

5.注释:选择需要生成的代码+Ctrl /

6.撤销注释:Ctrl+Shift+/

7.标签属性的增加

 例如:P{在里面输入段落内容} 按Ctrl+E扩展          这样段落的内容就自动被加在P标签内

 8.标签的属性与它取值的添加 :输入标签的名字,输入方括号,在方括号里面添加标签的属性的名字,一个等号(赋值符号),  后面给属性 一个取值,再按Ctrl+E 扩展 。     

 例如: img[src=01.jpg]  按Ctrl+E 扩展   

9.标签的嵌套:输入标签的名字,在这个段落里面有一段文字单独给样式,在P标签下添加Span标签,其中P标签是上一级标签,Span是下一级标签, 按Ctrl+E 扩展   

 例如:P>Span      扩展后P标签完全包含Span标签

10.同级标签的添加:使用加号添加

 例如:一个段落里面,既添加了图片,又添加了一个超链接       

     如下: img+a    按Ctrl+E扩展

11.标签的分组:当有多级标签时,可以用小括号()进行分组

 例如:(div>p)+(div>img)     按Ctrl+E扩展

12.快速生成多个元素:已无序列表为例

 例如:ul>li*3      按Ctrl+E扩展

13.快速生成文本内容:

 ⑴.输入lorem扩展(Ctrl+E),会自动生成一个段落文本。

 ⑵输入lorem后面带一个数字,扩展(Ctrl+E)。如:输入lorem4扩展(Ctrl+E),就会自动生成一个4个单词构成的文本。

以上就是有关sublime text编辑器的一些基本操作,希望可以有所帮助。

sublime text 编辑器的操作的更多相关文章

  1. Sublime Text编辑器的12个技巧和诀窍

    本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键 ...

  2. 关于Sublime Text编辑器的实用技巧

    本文转载至一篇博文,为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text ...

  3. Sublime Text 编辑器的设定

    # Sublime Text 编辑器的设定 > gloal setting ```{    "caret_style": "smooth",    &qu ...

  4. Sublime Text 编辑器 插件 之 "Sublime Alignment" 详解

    作者:shede333主页:http://my.oschina.net/shede333版权声明:原创文章,版权声明:自由转载-非商用-非衍生-保持署名 | [Creative Commons BY- ...

  5. 如何安装 Sublime text 编辑器相关的插件

    Sublime是一个伟大的编辑器,具有可靠的基础功能,使编写代码变得愉快.您可以安装一个包管理器,以便于安装插件和添加新功能. 为什么使用包管理器(package manager) 包管理器可以方便地 ...

  6. Sublime Text编辑器 + vim插件

    Sublime安装 Sublime Text 是一个代码编辑器.Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim. Su ...

  7. Sublime Text 2 快捷操作

    Sublime Text 2 包含了大量快捷操作,而且还很方便修改和追加自己喜欢的快捷键. 查看快捷键的方式也很简单: 点击菜单栏:Preferences->Key Bindings –Defa ...

  8. Sublime Text 编辑器

    1.从http://www.sublimetext.com/2 下载Sublime Text 2编辑器. 2.安装Package Control 管理器,用于管理和安装插件包. 下载地址:https: ...

  9. python安装环境配置、python模块添加、sublime text编辑器配置

    前提: 本文讲述的是  windows环境 python相应的安装配置. 进入官网找安装包,官网地址如下:https://www.python.org/downloads/ 找到相应2.7.x或3.x ...

随机推荐

  1. 在C语言中函数及其调用过程

    目录 函数 C语言中的变参函数 函数的本质是什么 内存区域的区分技巧 函数的调用过程 栈帧的概念 调用过程细节 按照约定传参 函数 如果一个函数有声明没实现,那么就会出现链接错误: 以上代码会出现链接 ...

  2. SpringCloud(0) 外行人都能看懂的SpringCloud,错过了血亏!

    一.前言 只有光头才能变强 认识我的朋友可能都知道我这阵子去实习啦,去的公司说是用SpringCloud(但我觉得使用的力度并不大啊~~)... 所以,这篇主要来讲讲SpringCloud的一些基础的 ...

  3. Python sqlalchemy 高级用法

    一. 关联查询 sys_user_list = SysPermission.query.join(OrgRolePermission, OrgRolePermission.sys_permission ...

  4. Linux-1.5日志查看常用命令

    常访问的日志目录:\data\log\(message系统 | secure安全 | maillog邮件) 进入日志目录 find \d1\data\log -name '*log' 在目录下查找以l ...

  5. Java集合框架中的元素

    之前有一篇笔记,讲的是集合和泛型,这几天看Java集合中几个接口的文档,思绪非常混乱,直到看到Oracle的“The Collections Framwork”的页面,条理才清晰些,现在进行整理. 一 ...

  6. 02Spring基于xml的IOC配置--实例化Bean的三种方式

    maven依赖 <dependencies> <!--IOC相关依赖--> <dependency> <groupId>org.springframew ...

  7. 02 前端之css

    ---恢复内容开始--- 1.css的几种引入方式: 1.行内样式 (行内式是在标记的style属性中设定的css样式.不推荐大规模使用) <p style="color: red&q ...

  8. 点击切换JS

    $(function(){ var tabnav = $("#tab-nav ul li"); tabnav.click(function(){ $(this).addClass( ...

  9. docker私有仓库registry的使用

    1.registry的安装 关于docker registry的安装,可以说简单的不能再简单了,docker run一个容器就好了,也就是一条命令的事 docker run -d -p : --res ...

  10. Linux SUID SGID SBIT 简介和权限设定

    SUID :Set UID 1 SUID 权限仅对二进制程序(binary program)有效 2 执行者对于该程序需要具有x的可执行权限 3 本权限仅在执行该程序的过程中有效(run-time) ...