暑假生活4

对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键

 

这周因为《天道》所以有部分任务没有按照计划完成