1、Emmet 语法
Emmet语法的前身是Zen coding,它使用缩进,来提高html/css的编写速度,Vscode内部已经集成该语法。
1、快速生成HTML结构语法;
2、快速生成CSS样式语法;
1.1快速生成HTML结构语法:
1、生成标签直接输入标签名 按tab键即可 比如 div 然后tab键,就可以生成
2、如果想要生成 多个相同的标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div
3、如果有父子级关系的标签,可以用> 比如 ul > li 就可以了
4、如果有兄弟关系的标签,用 + 就可以了比如 div+p
5、如果生成带有类名或者id名字的,直接写 .demo 或者 #two tab键就可以了
6、如果生成的div类名是有顺序的,可以用自增符号 ¥
7、如果想要在生成的标签内部写内容可以用{表示}
在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。
- 复合选择器可以更准确、更高效的选择目标元素(标签);
- 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的;
- 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等
伪类选择器
伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第一个,第n个元素;
伪类选择器书写最大的特点是用冒号(:)表示,比如:hover、 :first-child。
因为伪类选择器很多,比如有链接伪类、结构伪类等
HTML元素一般分为块元素和行内元素两种类型
文字类的元素内不能使用块级元素;
标签主要用于存放文字,因此
里面不能放块级元素,特别是不能放
同理,