Mac Sublime快捷使用(二)
2017-01-22 00:00
225 查看
打开sublime,新建一个文件,输入html:5,然后按tab键就会出现第2张图所示的内容。
1. 使用 >运算符可以用来生成彼此嵌套的元素;
2. 使用+运算符可以用来生成彼此相邻的元素.
3. 使用^运算符,可以让你的代码返回上一层。当你使用>嵌套元素时,想让后面的回到上一层,那么这个方法很适用。
4.使用乘法运算符*, 可以i一次性生成多个相同的元素;
例子一: 输入section>div>(p>a)+p的效果如下图:
例子二: 输入ul>li*5的效果如下图:
CSS 相关
1.输入w100,即可生成:
width: 100px;
后边跟上如下代码的表示
p 表示%
e 表示 em
x 表示 ex
2.输入m10-20, 表示
margin: 10px 20px;
总结
1. E 代表HTML标签。
2. E#id 代表id属性。
3. E.class 代表class属性。
4. E[attr=foo] 代表某一个特定属性。
5. E{foo} 代表标签包含的内容是foo。
6. E>N 代表N是E的子元素。
7. E+N 代表N是E的同级元素。
8. E^N 代表N是E的上级元素。
1. 使用 >运算符可以用来生成彼此嵌套的元素;
2. 使用+运算符可以用来生成彼此相邻的元素.
3. 使用^运算符,可以让你的代码返回上一层。当你使用>嵌套元素时,想让后面的回到上一层,那么这个方法很适用。
4.使用乘法运算符*, 可以i一次性生成多个相同的元素;
例子一: 输入section>div>(p>a)+p的效果如下图:
例子二: 输入ul>li*5的效果如下图:
CSS 相关
1.输入w100,即可生成:
width: 100px;
后边跟上如下代码的表示
p 表示%
e 表示 em
x 表示 ex
2.输入m10-20, 表示
margin: 10px 20px;
总结
1. E 代表HTML标签。
2. E#id 代表id属性。
3. E.class 代表class属性。
4. E[attr=foo] 代表某一个特定属性。
5. E{foo} 代表标签包含的内容是foo。
6. E>N 代表N是E的子元素。
7. E+N 代表N是E的同级元素。
8. E^N 代表N是E的上级元素。
相关文章推荐
- Mac Sublime快捷使用(一)
- Mac Sublime快捷使用(一)
- Mac Sublime快捷使用(二)
- Sublime快捷使用(三)
- Sublime 快捷使用
- mac与windows环境下sublime常用快捷键
- 使用mac 终端利用alias设置快捷命令
- Intellij13 IDEA常用快捷键 (mac 10.5 +),优化,使用出现的问题汇总(转)
- Sublime Text2 对比 Sublime Text 3哪个好?Sublime 3使用总结 及快捷方式的添加
- Mac下sublime的使用技巧小记
- 【Sublime】Mac下使用Sublime编译运行带输入数据的程序
- Sublime 格式化代码 设置快捷键以及插件使用
- Intellij13 IDEA常用快捷键 (mac 10.5 +),优化,使用出现的问题汇总
- sublime快捷键Mac版本及Emmet插件使用
- Mac下sublime3的常用快捷键
- 实用mac下常用快捷键和相关使用技巧
- Intellij13 IDEA常用快捷键 (mac 10.5 +),优化,使用出现的问题汇总
- Intellij13 IDEA常用快捷键 (mac 10.5 +),优化,使用出现的问题汇总
- Mac快捷使用二:Terminal快捷键
- mac下idea的使用之常用快捷键篇