sublime的快捷键使用

sublime中的常用快捷键:

ctrl+滚轮              放大缩小文字

ctrl+shift+d    复制当前行

ctrl+shift+k    删除当前行

ctrl+shift+↑   上移当前行

ctrl+shift+↓   下移当前行

Ctrl + P,打开搜索框。具体操作为:1、输入当前项目中的文件名,快速搜索文件,2、输入@和关键字,查找文件中函数名,3、输入:和数字,跳转到文件中该行代码,4、输入#和关键字,查找变量名。
Ctrl + 回车,在当前行的下一行添加一行空行。
Ctrl + Shift + 回车,在当前行的上一行添加一行空行。
Ctrl + Z,撤销。
Ctrl + Y,取消撤销。
Ctrl + ],或者Tab键,向右缩进。
Ctrl + [,或者Shift +Tab,向左缩进。
Ctrl + Shift + V,粘贴过程中保持缩进。
Alt + F3,选中选择的词。
“>”号,子元素选择符;“.”号,后面跟的是class名;“$”符,代表的是序号。     
举个例子:输入 ul>.item$*10,再按下Ctrl + E,则会一次性输出一个无需列表,列表中有10个带有class名为item的 li 行。
无疑这种一次性输入多行的方式十分快捷。如果多行有同一种操作,可以运用多行游标,Alt + F3会选中鼠标之前选择的词,此时多行被选中,按方向键可以选择移动,按 { } 可以在里面输入内容,最后将光标移出 } 外,Ctrl + E则会将 { } 内的内容全部输出,一次输出多行。比如在全部选中后,输入 h2 { this .... },再Ctrl + E,则会输出多行h2大小字体的 this.... 字样。


先介绍这些。

以后击打标签的时候,仅仅需要输入标签的名字,然后按tab就可以自动生成标签对儿了。

比如,输入p然后按tab,软件自动生成:

1           <p></p>

2           li*10 然后按Tab试一下有什么效果

html有基本骨架,这个骨架能够用sublime快速生成:

输入HTML:xt之后Ctrl+E会出现html基本的骨架

 

骨架抽象出来:

1           <html>

2                  <head>

3                        

4                  </head>

5                  <body>

6                        

7                  </body>

8           </html>

网页的最外层的标签对儿是<html></html>标签对儿,里面有两部分,分别是head和body。

head标签中,描述网页的配置;body中的内容,才是用户可以看见的内容。

 


完整的骨架:

1           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2           <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

3                  <head>

4                         <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

5                         <title>哈哈哈</title>

6                  </head>

7                  <body>

8                         <h1>我是一个主标题</h1>

9           <p>我是一个小段落</p>

10              </body>

11       </html>

1行,就是网页的声明头,这行语句,千万不要背诵,谁背谁傻。术语叫做DocTypeDefintion,文档类型定义,简称DTD。这行语句非常的复杂,里面暗含了一个网址。W3C就是出web规范的组织机构。htmlcssjs的规范都是W3C定义发布的。world wide web coalition , 国际万维网联盟。网页声明头可以告诉浏览器,这是一个什么标准的页面。

2行,是最大的html标签,所有的网页内容,都要包裹在这个标签对儿里面。

我们发现,html标签中,有两个属性:

xmlns="http://www.w3.org/1999/xhtml"   命名空间,就是一个规范;

xml:lang="en"  语言是英语

3行,就是head标签,就是配置。

4行,<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">字符集的配置

5行,<title>哈哈哈</title> 网页的标题,可以显示在浏览器的标签栏中。

7行,body标签就是网页的内容,用户能够看见。






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值