暑假生活4

yansans / 2023-08-06 / 原文

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

 

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