1. 主流浏览器内核
主流浏览器内核
2. css基础选择器权重
- !important>行间样式>id>class|属性>标签选择器>通配符选择器
属性选择器：[id = "only"'] { } - 权重值（256进制）
!important------Infinity
行间样式-------1000
id--------------100
class|属性|伪类-10
标签|伪元素------1
通配符----------0
3. css属性
- text-indent:2em;缩进两个字符
- text-decoration:underline/line-through/overline;文本装饰（下划线。。。）
- cursor:pointer/help;光标：移入之后变为小手/问号
4. 伪类选择器
a:hover{ } 光标移入之后触发的样式
5. 标签分类
-
行级元素/inline内联元素
feature:
(1)内容决定元素所占位置
(2)不可以通过css改变宽高
(3)span strong em a del
-
块级元素block
feature:
(1)独占一行
(2)可以通过css改变宽高
(3)div p ul li ol form address
-
行级块元素inline-block
feature:
(1)内容决定大小
(2)可以改宽高
(3)img
- 凡是带有inline的元素，都有文字特性
6. 盒子模型
7.定位---层模型
- position:absolute;绝对定位
（1）脱离原来位置进行定位
（2）相对于最近的有定位的父级进行定位，如果没有，那么相对于文档进行定位 - position:relative;相对定位
（1）保留原来位置进行定位
（2）相对于自己原来的位置进行定位 - position:fixed;固定定位
相对于窗口定位
