对css有了一些了解
1.样式格式书写
a.紧凑格式
h3 { color: pink; font-size: 20px;}
b.展开模式(推荐)
h3 {
color: pink;
font-size: 20px;
}
2.样式大小写
用小写字母
3.空格规范
a.属性值前面,冒号后面,保留一个空格
b.选择器和大括号中间保留空格
五、格式化代码
Emmet语法
前身为Zen coding,它使用缩写来提高html/css的编写速度,VSCode内部已经集成该语法,快速生成HTML结构语法和CSS样式语法
快速生成HTML结构语法
-
生成标签,直接输入标签按Tab键即可
-
生成多个相同的标签,标签加星号*键按Tab键
-
父子级关系的标签,可以用大于号>和enter键
-
兄弟关系的标签,可以用加号+和enter键
-
生成带有类名或id名字,可写成标签加.类名/#名加Tab键(p.one生成
)
-
生成.div类名是有顺序的,可用自增符号¥
-
生成标签的内部写内容,可用{}表示
3.快速生成CSS样式语法
-
CSS基本采取简写形式即可(w 200 加Tab生成width: 200px;)
-
单词首字母加Tab键
这周因为《天道》所以有部分任务没有按照计划完成
标签:生活,暑假,标签,生成,语法,CSS,Tab,类名 From: https://www.cnblogs.com/yansans/p/17609501.html