2020-07-03-----sublime的一些快捷操作

    技术2024-08-11  71

    sublime的一些快捷操作

    (1)Ctrl和+:可以放大显示比例;Ctrl和-:可以缩小显示比例; (2)分屏显示不同的文件,按住alt和shift,然后单击数字键,如果单击的数字是2,那么页面将被分成左右两块,他的好处就是可以左边显示HTML代码,右边显示CSS代码;alt和shift和1,回到单屏。 (3)折叠代码和展开代码,当代码比较多的时候,行号的附近会出现一个向下的箭头,单击这个箭头,这部分的代码就被折叠,再次单击,代码就会被展开。 (4)选择,Ctrl和D键,可以选择一个单词;Ctrl和L键,可以选择一行;Ctrl和A键,选中全部本文内容;按下Ctrl键,进行多次单击,光标定位在多个位置,同时可以进行编辑。 (5)代码的缩进:Ctrl和 ] (向右的方括号),可以向右缩进;Ctrl和 [ (向左的方括号),可以向左凸起。 (6)当我们编辑完代码之后,在代码的空白处右键单击,选择在浏览器当中打开,这个时候我们就可以在浏览器期当中浏览网页。 (7)Ctrl和N,新建文件。 (8)Ctrl和S,保存文件。 (9)输入英文状态的!或者输入html:5,然后按tab键或者按Ctrl和E键来扩展,这两种方式都可以生成符合HTML5标准的文件结构。 (10)Ctrl和Z,撤销。 (11)注释,先选择要注释的代码,然后Ctrl和 /(斜杠),就会把选择的代码注释掉;Ctrl和shift和 / 可以撤销注释。 (12)标签和属性的添加,输入标签名,然后tab,会自动生成开始标签和结束标签;如果是带有属性的标签,他会将几个重要的属性也扩展出来。 (13)在添加标签的同时规定标签里面的内容,输入标签名,然后输一个花括号,在花括号内输入标签内容,然后再tab扩展,例如p{标签内容}。 (14)标签的属性和取值的添加,输入标签名,然后输入一个方括号,在方括号内添加标签的属性的名字,然后一个等号,后面给一个属性值,最后tab扩展,例如img[src=logo.jpg]。 (15)标签的嵌套的添加,输入标签名,然后输入 >(大于号),表示下一级,再输入下一级标签的名字,例如p>span。 (16)同级标签,输入标签名,然后输入>,再输入下一级标签,下一级标签有几个同级标签,那么用+(加号)连接起来几个同级标签,这样就可以生成。例如p>img+a,生成的是一个p标签,然后p标签内嵌套一个img标签和a标签,并且img标签和a标签是同级的关系。 (17)标签的分组,当有多级标签的时候,可以用()(小括号)来分组,例如(div>p)+(div>img),生成的是两个同级的div标签,并且第一个div标签内部嵌套一个p标签,第二个div标签内嵌套一个img标签。 (18)快速生成多个元素,例如ul>li*3,生成的是一个ul标签里面嵌套了三个li标签。 (19)快速生成文本内容,输入lorem,然后tab扩展,就会自动生成一个段落文本。如果输入的lorem4,它就形成一个4个单词的文本。

    (20)形成链接样式表文件:link:css,然后tab扩展 (21)生成带有id属性的标签的生成:输入标签名字,后面写上id属性的取值;即div#nav (22)生成带有class属性的标签的生成:输入标签名字,后面写上class属性的取值;即div.bar (23)同时生成带有id属性和class属性的标签:div#nav.bar (24)快速生成css属性,宽度30像素:w30;高度30像素:h30;margin属性10像素:mg10;padding属性5像素:pd5;line-height属性2个字符:lh2em;background-color属性:bgc,生成默认颜色#fff,然后进行修改

    Processed: 0.021, SQL: 9