这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天

CSS

全称为Cascading Style Sheets 即层叠样式表

•  用来定义页面元素的样式
•  设置字体颜色 
• 设置位置和大小 
• 添加动画效果

CSS如何工作

在页面中使用CSS 三种 外链（推荐，内容样式分离），嵌入，内联（不需要写选择器 ）

选择器sekector，用来选中页面中的元素 标签 属性选择器property ：属性值 Value

选择器Selector 找出页面中的元素， 以便为期设置样式 

选择器

使用多种方式选择元素 按照标签名，类名或id 按照属性 按照DOM树中的位置

• 通配选择器 * 
• 标签选择器 
•  id选择器（id值需要唯一） 
• 类选择器（选择同一类型标签） 
• 属性选择器

            [属性（也可赋值或伪类）]{}

• 伪类：选择元素状态 
• 如：a:link 等 DOM伪类 li:first-child{} 第一个DOM伪类 

优先级：

（1）CSS选择器都有权重值，权重值越大优先级越高。 

•  内联样式表的权重值最高，值为1000。
•  id选择器的权重值为100。 
• class选择器的权值为10。 
• 类型（元素）选择器的优先级为1。
•  通配符选择器的优先级为0。 

（2）当权值相等时，后定义的样式表要优于先定义的样式表。

（3）在同一组属性设置中表有**“!important"**规则的优先级最大

选择器组合 

常用CSS属性

颜色-RGB 

表达形式：

• rgb（ ， ，，透明度）红黄蓝
• hsl（，%，%） 

• 字体 font-family

优先级排列，不同语言可以使用不同字体 

字体大小 font-size

•  关键字 small medium

• 长度px,em

•  百分数 相对于父元素字体大小 font-weight 字体深浅（400-normal 700-）

 line-height：行高