9.CSS优先级
行内样式表>内部样式表>外部样式表
10.特性值
style行内样式表 1000
id选择器 100
类选择器、属性选择器、伪类选择器 10
元素选择器、伪元素选择器 1
11.样式继承
有些规则会被子元素默认继承,有些不会
12.CSS中的一些单位值
颜色:
关键字:
https://developer.mozilla.org/zh-ON/docs/web/CSS/color_value
rgh() 三个参数rgh(0-255,0-255,0-255)红,绿,蓝
rgba() 三个参数rgba(0-255,0-255,0-255,0-1)红,绿,蓝,透明度
十六进制 #六个十六进制的数,两个代表一个通道 红,绿,蓝,0-F
HSL:
第一个参数 色调 0-360 0 红色 120 绿色 240 蓝色
第二个参数 饱和度 0-100% 0 灰色 100% 全彩
第三个参数 亮度 0-100% 0 黑色(暗) 100% 明亮
HSLA
透明度 0完全透明 1完全不透明
长度宽度大小
百分比
占父亲元素的百分比
width:50%
绝对值
px 像素 mn cm in(英寸)
相对值单位
em:1em和当前字体大小相同(一个N的宽度)
默认字体大小16px 则1em=16px font-size
rem:总是等于默认字体的大小
默认字体大小16px 则1rem=16px
13.文本样式
color 字体颜色
font-size 指定字体大小
font-style
font-family 字体家族(宋体、黑体等)
font-weight
text-align left center right
text-decoration
text-transform 文本变形 none
uppercase
lowercase
capitalize
full-width转换为类似于等宽的字体
text-shadow
WebFont