css内容回顾

1.伪类和微元素
1.伪类
1.：link 链接未被点击时，可以设置颜色
2.：visited 链接被点击过后，显示的颜色
3.：hover 鼠标放上去时的颜色
4.：active 鼠标点击时的颜色
5.：focus（input标签获取光标焦点）
2.伪元素
1.：first-letter 第一个字
2.：before（重要，在内部前面添加） 在一个步骤的前面
3. ：after在一个步骤的后面
2.css属性
1.字体
1.font-family 网页可以选用的字体，如果没找到使用系统默认
2.font-size 字体大小
3.font-weight 字体的粗细，深浅
2.文本属性
1.text-align 对齐
2.text-decoration 装饰（去除a标签的下划线（text-decoration：none））
3.text-i ndent 首行缩进
3.背景属性
1.background -color 背景颜色
2.-background-image 背景图片 （url（） no-repeat 不重复 50%）
4.color
1.red（直接写名字）
2.#FF0000 十六进制
3.rgh（） 红绿蓝三色混合
5.边框属性border
1.border-width（宽度）
2.border-style（实线虚线电线）
3.border-color 边框颜色
4.简写
border 1px solid red 大小，实现，颜色
6.css盒子模型
1.ontent内容
2.padding（内填充）调整内容和边框距离
3.border边框
4.margin 外边距 多用于调整标签的距离
注意：要习惯看浏览器conslose模型
7.display （标签的展现形式）
1. inline 变成内联标签
2. block 变成块级标签 菜单里面的a标签可以设置block
3. inline-block 既有行内标签又有块级标签
4. none 不显示标签，但是不占位
8.float （浮动）
1.多用于实现布局效果
1.顶部的导航条
2.页面左右分兰（博客，左边20%）
2.float
1.任何标签都可以浮动，浮动之后都会变成块级，
3.float取值
1.left right none
9.clear 清除浮动–》清除浮动的副作用（内容飞出，父标签撑不起来）
1.结合伪元素
.clearfix：after{
content:""
display:“block”
clear:both
}
10.overfloat
1.标签的北荣放不下（溢出）
2.取值
1.hidden -->隐藏
2.scoll -->出现滚动条
3.auto
4.scroll-x
5.scroll-y
11.定位position
1.static（默认）
2.relative（相对定位–>相当于原来的位置）
3.absolute(绝对定位–>相当于定位过的前辈标签)
4.fixed 固定–>返回顶部按钮示例
12.opacity（不透明度）
1.取值0-1
2…和raga（）的区别：
1.opacity改变元素\子元素的透明度效果
2.rgba()只改变背景颜色的透明度效果
13 .z-index
1.数值越大，越靠近你
2.只能作用于定位过的元素