一,css三大特性
(1)层叠性
1,给一个标签设置的样式发生冲突的时候即样式的覆盖 (遵循就近原则)
(2)继承性
1,发生的前提是:标签之间属于一种嵌套关系
2,文字颜色可以之间继承
3,字体大小可以继承
4,字体可以继承
5,行高也可以实现继承与文字有关的属性都可以,实现继承
特殊点:
a标签超链接不能实现字体颜色的继承,字体大小可以继承
h1不可以继承文字的大小,继承过来还会做一个计算
(3)优先级
1,默认样式<标签选择器 <类选择器 <id选择器 <行内样式 <!important
注意:计算优先级时权重叠加但是永不进位
二,选择器
选择器:id选择器,类选择器,标签选择器,通配符选择器
符合选择器:后代选择器,子元素选择器,并集选择器,交集选择器
伪类选择器:
(1)链接伪类选择器:a:link未被访问的,a:risited已被访问的,a:hover鼠标悬浮,a:active鼠标按下未弹起
(2):focus伪类选择器 ,用于选取获得交点的表单元素
(3)结构伪类选择器:
(4)属性选择器
(5)伪元素选择器:
::before 在元素内部的前边
::after z在元素内部的后边
三,元素显示模式
行内元素,块级元素,行内块元素
显示模式转换:display:block(块级)/ inline(行内)/ inline-block(行内块)
四,背景
background-color 背景颜色
background-repeat 背景平铺
background-position 背景图片位置
background-attachment 背景辅助
五,css盒模型
概念:CSS 盒模型本质上是一个盒子,盒子包裹着HTML 元素,盒子由四个属性组成,从内到外分别是:content 内容、padding 内填充、border 边框、外边距 margin
W3C 盒子模型(标准盒模型)
IE 盒子模型(怪异盒模型)