1

font-size: 加粗
数字400 =normal
数字700=bold
font 综合写法

2id选择器 类选择器

id只允许使用一次

3通配符显示器

代表所有选择器

伪类选择器 连接伪类选择器
link
visted 已经点过一次的颜色
hover1鼠标经过的
active 选定连接 点击鼠标别松开
lvha的顺序

nth-child (n)
n从0开始

nth-child (2n) 选择所有偶数
nth-child (2n-1) 选择所奇数
nth-child(even) nth-child(odd)
sky-blue 天蓝色
first-child , last-child

:target

颜色： RGB 十六进制 预定义
十六进制最常用

4行间距

font-style :normal italic
line-height 行间距
text-align 水平对齐方式
text-indent 首行缩进
1em一个字的宽度 首行缩进2字 2em
letter-spacing 字间距 word-spacing 单词间距

半透明 css3 rgba a是alpha
rgba{
}
文字阴影
text-shadow

div+p 兄弟关系
div>p父子关系
.nav+.header+.main>.left+.right

5样式表

外部样式表
行内样式表

块级元素 总是从新的开始，宽度默认100% 可以容纳其他元素和其他块元素
行内元素 span 只能容纳文本或者其他行内元素

行内块级元素转化
display：inline 块级转为行内
display：block 行内转为块级

6选择器
交集选择器
后代选择器
div p{
}
.jianlin p{

}
子元素选择器 (只选择亲儿子)

属性选择器
class ^= 单一匹配
class*= 全局匹配
class$= 以什么结尾

first-letter 第一个字
first-line 第一行

伪元素选择器
before 和after 在div盒子的内部的前面插入
div::before{
content()
}
div::after{
content()
}

6css背景

background-repeat
backfroud-positon top | cneter | left |right

图片.png

y轴越往上越小

背景附着
background-attachment: scroll; 默认固定的 背景固定
背景简写