没有合适的资源?快使用搜索试试~ 我知道了~
Web&sublime常用技巧202-01-25.docx
需积分: 0 0 下载量 177 浏览量
2020-01-29
23:16:11
上传
评论
收藏 762KB DOCX 举报
温馨提示
试读
28页
五种Sublime text 3同时快速编辑多行内容 Sublime text 3是一个非常强大的网站编辑工具。 这里小云深深的被它的快速编辑多行内容功能所吸引。 先说下,使用下面的功能要安装一个叫emmet的插件。 没有的话,自行度娘吧。 下面就来看下具体的五种方式吧: 1,鼠标选中多行,按下 Ctrl Shift L (Command Shift L) 即可同时编辑这些行; 2,鼠标选中文本,反复按 CTRL D (Command D) 即可继续向下同时选中下一个相同的文本进行同时编辑; 3,鼠标选中文本,按下 Alt F3 (Win) 或 Ctrl Command G(Mac) 即可一次性选择全部的相同文本进行同时编辑; 4,Shift 鼠标右键 (Win) 或 Option 鼠标左键 (Mac) 或使用鼠标中键可以用鼠标进行竖向多行选择; 5,Ctrl 鼠标左键(Win) 或 Command 鼠标左键(Mac) 可以手动选择同时要编辑。
资源推荐
资源详情
资源评论
sumlime
五种 Sublime text 3 同时快速编辑多行内容
Sublime text 3 是一个非常强大的网站编辑工具。
这里小云深深的被它的快速编辑多行内容功能所吸引。
先说下,使用下面的功能要安装一个叫 emmet 的插件。
没有的话,自行度娘吧。
下面就来看下具体的五种方式吧:
1,鼠标选中多行,按下Ctrl Shift L (Command Shift L) 即可同时编辑这些行;
2,鼠标选中文本,反复按CTRL D (Command D) 即可继续向下同时选中下一个相同的
文本进行同时编辑;
3,鼠标选中文本,按下Alt F3 (Win) 或Ctrl Command G(Mac) 即可一次性选择全部
的相同文本进行同时编辑;
4,Shift 鼠标右键(Win) 或Option 鼠标左键(Mac) 或使用鼠标中键可以用鼠标进行竖
向多行选择;
5,Ctrl 鼠标左键(Win) 或Command 鼠标左键(Mac) 可以手动选择同时要编辑。
sublime 技巧
ol>li*10>a[href="#"] <<<快速输入
ctrl+d 复制当前行到下一行
ctrl++ <<<放大显示比例
ctrl+- <<<缩小显示比例
alt+shift 然后再单击数字键 <<<按数字键 2,分成两屏
在行号右边,单击一下,这个代码会被折叠起来
选择:
Ctrl+D <<<选择一个单词
Ctrl+L <<<选择一行
Ctrl+A <<<选择全部文本内容
Ctrl 然后多次单击 <<<选择多处位置,同时进行编辑
缩进:选择多行→Ctrl+[ (向右的方括号键)
浏览: 编辑好后,空白处右击→在浏览器的浏览
快捷键
Ctrl+N 新建文件
Tab | Ctrl+E扩展(自动补全)
Ctrl+/ 选择需注释的进行注释,再次按就拆销注释
添加标签内的内容,如 段落内容
标签的属性如
添加下一级标签
添加同级标签
分组标签例
同时添加
可以扩展很语句,可以按 个单词进行扩展。
基本操作
拓展成: !"#! #$ !"
% 拓展成: &
' 拓展成: ' &
%' 拓展成: ' &
()* 拓展成:(!#)*+,
#)* 拓展成:##!)*+,
-* 拓展成:-*+,
. 拓展成:.+,
#/ 拓展成:0##!/,
' 拓展成:'10%2$,然后进行修改
拓展
拓展成: !"#! #$ !"
%!%#%%%$!
3 拓展成:一段文字
em strong
强调,现在推荐用 &
斜体,无语义&
&
!重点强调,现在推荐用 !&!
'粗体,无语义&'
&
dl,dt,dd 自定义列表 dl、列表项 dt、描述 dd
!4563&!
超文本标记语言&
!788&!
层叠样式表&
&
CSS
css 样式
概述
网页的内容和样式
4563 网页的内容 788 内容的样式
788 78!"8#! 层叠样式表
内容和样式相分离9便于修改样式
语法选择器属性值,::
注意
-最后一条声明可以没有分号9但是为了以后修改方便9一般也加上分号
/为了使用样式更加容易阅读9可将每条代码写在一个新行内
CSS 样式添加
方法一:行内样式添加
例:!";,;行内样式添加&
方法二:内嵌样式
例:
#
!"!";!+!&;
,&设置字体颜色&
&!"
&#
'"
内嵌样式&
&'"
注意:
-即使有公共 788 代码,也是每个页面都要定义
/适合文件很少,788 代码也不多的情况
)如果一个网站有很多页面,每个文件都会变大,后期维护难度大
方法三:单独文件
外部样式表文件:!"
网页文件:-#!在网页文件中,# 标签中引用 !"
优点:
-页面结构 4563 代码与样式 788 代码的完全分离
/维护方便
)如果需要改变网站风格,只需要修改公式 788 文件
<可以在同一个 4563 文档内部引用多个外部样式表
788 添加方法00优先级
-多重样式可以层叠,可以覆盖
/样式的优先级按归“就近原则”
)行内样式内嵌样式链接样式浏览器默认样式
选择器分类:
标签选择器、类别选择器、=> 选择器、奇偶选择器(!#0#?)
声明的分类
嵌套声明
788 代码: ,
4563 代码: 天使投资&是投资方式的一种&
集体声明
788 代码: #-9!+!0!,
4563 代码: #-欢迎访问论坛&#-
欢迎访问论坛&
全局声明:
788 代码: !+!0!,
混合
-多个 class 选择器混用,用空格分开
4563 代码:;"(@;::&
/id 和 class 混用
;";;"(@;
3.id 选择器不可以多个同时使用
DOM 和单位
颜色
剩余27页未读,继续阅读
资源评论
weixin_44741158
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功