这是我参与「第四届青训营 」笔记创作活动的的第2天
一、CSS基础知识
1.典型的css的语句
一条规范的css语句由两部分组成：
-选择器
-声明：包括（属性与属性值）
2.常见的css引入方法
①外链：使用<-link rel="styesheet" href="">标签引入（推荐），内容样式分离
②嵌入：在html文件内使用<-style>标签包裹起来
③内联：直接写在html标签内部
3.css常用选择器
①通用选择器
* {}
②标签选择器
p {}
div {}
③类与id选择器
.name {}
#adc {}
④属性选择器
[disabled]{ }//当标签存在disabled属性时，选中该标签。
input[type="password"] { }//当input标签type值为password时选中
a[href^="#"]{}当链接开头为井号时选中
a[href$=".jpg"]{}当链接结尾是.jpg时选中
⑤伪类选择器
p:first-child {}
⑥选择器组合
Ⅰ.组合
Ⅱ.选择器组：
4.css常用属性
①颜色
RGB(1，1，)
rgba() a为透明度
HSL() 色相，饱和度，明度
②字体font-family
1.字体列表最后写上通用字体族
2.英文字体放在中文字体前面
3.使用web Fonts
③字体大小 font-size
px:像素
em:相对父级大小，2em就是两倍父级字符大小
百分数：与em类似的相对字体大小
④其他
| 内容 | 属性 | 单位 |
|---|---|---|
| 字体粗细 | font-weight | 100-900px |
| 行高 | line-height | px |
| 对齐 | font-weight | center，start，right |
| 首行缩进 | text-indent | px，em |
| 装饰线 | text-decoration | thourghout删除线，button下划线 |
二、CSS深入
1.选择器权重
2.继承
某些属性会自动继承其父元素的计算值，除非显式指定一个值
显示继承
3.初始值
4.css求值过程
5.布局Layout
①布局时什么？
确定内容的大小和位置的算法依据元素、容器、兄弟节点和内容等信息来计算
