打开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的上级元素。