从0开始学web-day5

1.复习

2.css的叠层
css的层叠
层叠：给一个元素同时使用多个选择器或者是样式表属性是相同的，但是属性值是不同的，最终生效的是谁
样式表：行内的优先级最高，内部和外部与书写顺序有个就近原则
选择器：默认情况下看选择器的权重，如果权重相同是就近原则
如果存在！important就生效这个
如果都存在！important就按照选择器的权重，如果权重相同就就近原则
如果自身没有从父元素中继承，就近原则
如果自身有就肯定会生效自身的

3.颜色的设置
1.文字颜色 color
颜色的色值：
css2.0
1.单词 color:red
2.十六进制color：#ff0000 缩写 color：#f00
3.三原色 color：rgb（255,0,0）rgb取值0-255
css3.0新增（低版本浏览器不支持）
1.三原色加透明度 rgba color：rgba（255,0,0,0.4） rgb的取值0-255 a的取值0-1 a代表透明度
2.hsl h色相（0-359） s饱和度（0-100%） l亮度（0-100%）
3.hsla a为透明度（0-1）

4.文字相关设置
1.文字颜色 color
2.文字的大小 font-size 单位：px常用 em rem pt 默认情况下16px=1em=1rem 9pt=12px
浏览器默认的文字大小是16px 常用的文字大小是12 14 16（medium） 18
3.文字的字体 font-family
如果是汉字的字体需要添加引号"楷体"，
如果是一个英文单词的英文字体 不需要添加引号 font-family:Arial
如果是多个单词的英文字体要加引号font-family:“Times New Roman”
一个元素可以同时设置多个字体，浏览器会优先解析第一个字体，如果第一个不存在，则先后查找第二个。你设置的字体电脑上都不存在则按照系统默认设置
4.文字是否加粗 font-weight：normal正常 bold加粗 bolder更粗 lighter比正常的细
可以使用100-9–九个等级的写法 100-300=lighter 400-500=normal 600-900=bold
5.文字是否倾斜 font-style：normal正常 italic倾斜 oblique更倾斜
6.将小写字母变成小型的大写字母 font-variant：small caps小型的大写字母 normal默认正常
7.行高 line-height：值等于元素的height可以实现单行文本垂直方向的居中 值px 可以不加单位代表的是文字大小的倍数 百分比
缩写：font：font-varant font-style font-weight font-size/line-height font-family前三个顺序可以更改 后边三个不能
工作中常用缩写 font：font-size/line-height font-family

5.文本设置
文本设置
1.词间距 word-spacing 可以设置负值
2.字符间距 letter-spacing 可以设置负值
3.英文字母大小写 text-transform：normal默认值 uppercase全部大写 lowercase全部小写 capitalize首字母大写
4.文本修饰 text-decoration：none没有 underline下划线 line-through删除线 overline上划线 blink闪烁的线 三条线可以同时存在
5.首行缩进 text-index：2em（缩进两个字） 可以设置负值
6.水平对齐方式 text-align：left默认 center居中 right居右 justify两端对齐（针对英文）
7.垂直对齐方式 vertical-align：top上 middle中 bottom下 baseline基线默认（目前属性只有img支持）