1、嵌套样式 作用于当前页面
行内样式 作用于当前标签
外联样式 作用于多个页面
2、border :border-width border-style border-color
font: font-style font-weight font-size font-family
background:。。
3、text-indent:
作用:设置首行缩进
用法:text-indent:2em;
em:一个文本的距离
text-align:
作用:设置文本的位置
取值:center left right
text-decoration:
作用:设置文本的装饰
取值:
none没有任何装饰 underline下划线 overline line-through。
4、margin:0 auto;设置容器居中
text-align:center 设置容器内容居中
5、css的三大特性
1.继承性:text- font- line-开头的属性以及color,div的宽度都是可以继承的
特殊性:1.0 a标签的颜色不能继承,如果一定要修改a标签 要直接作用在a标签上
2.0 h标签的大小不能继承,如果一定要修改h标签 要直接作用在h标签上
3.0 div标签的高度如果不设置,那么就由内容决定(没有内容高为0)
宽度默认由父元素继承过来
2.层叠性
是浏览器处理冲突的一个特性
3.优先级
!important》行内样式》id选择器》类选择器》标签选择器》通配符》继承
3.1 !important 对应得优先级最高,但无法继承
3.2 权重
作用:多个选择器组合以后的优先级
算法: (0,0,0,0)===》第一个0对应的是important的个数,
第二个0对应的是id选择器的个数
第三个0对应的是类选择器的个数
第四个0对应的是标签选择器的个数
这就是当前选择器的权重
比较:
先从第一个0开始比较,如果第一个0大,那么说明这个选择器的权重高
如果第一个0相同,那么比较第二个0,以此类推
总结: 权重其实是优先级的算法
优先级是层叠的表现
3.3 选择器工作的一个原理
选择器在查找元素的时候不是从左向右找 而是从右向左找
四、背景
五、元素的显示方式
行内元素:例如:span,a,b,u,i,s,strong,em,ins,del
属性:display:inline
特点:
1.0 一行里面可以显示多个
2.0 无法设置宽高
3.0 大小由内容决定
块级元素:例如:div,p,h1-h6,ul,ol,li,dl,dt,dd
属性:display:block;
特点:
1.0 独占一行
2.0 可以设置宽高
3.0 默认宽度一整行
行内块级元素:例如:img input
属性:display:inline-block
特点:
1.0 可以设置宽高
2.0 一行可以显示多个
行内样式 作用于当前标签
外联样式 作用于多个页面
2、border :border-width border-style border-color
font: font-style font-weight font-size font-family
background:。。
3、text-indent:
作用:设置首行缩进
用法:text-indent:2em;
em:一个文本的距离
text-align:
作用:设置文本的位置
取值:center left right
text-decoration:
作用:设置文本的装饰
取值:
none没有任何装饰 underline下划线 overline line-through。
4、margin:0 auto;设置容器居中
text-align:center 设置容器内容居中
5、css的三大特性
1.继承性:text- font- line-开头的属性以及color,div的宽度都是可以继承的
特殊性:1.0 a标签的颜色不能继承,如果一定要修改a标签 要直接作用在a标签上
2.0 h标签的大小不能继承,如果一定要修改h标签 要直接作用在h标签上
3.0 div标签的高度如果不设置,那么就由内容决定(没有内容高为0)
宽度默认由父元素继承过来
2.层叠性
是浏览器处理冲突的一个特性
3.优先级
!important》行内样式》id选择器》类选择器》标签选择器》通配符》继承
3.1 !important 对应得优先级最高,但无法继承
3.2 权重
作用:多个选择器组合以后的优先级
算法: (0,0,0,0)===》第一个0对应的是important的个数,
第二个0对应的是id选择器的个数
第三个0对应的是类选择器的个数
第四个0对应的是标签选择器的个数
这就是当前选择器的权重
比较:
先从第一个0开始比较,如果第一个0大,那么说明这个选择器的权重高
如果第一个0相同,那么比较第二个0,以此类推
总结: 权重其实是优先级的算法
优先级是层叠的表现
3.3 选择器工作的一个原理
选择器在查找元素的时候不是从左向右找 而是从右向左找
四、背景
五、元素的显示方式
行内元素:例如:span,a,b,u,i,s,strong,em,ins,del
属性:display:inline
特点:
1.0 一行里面可以显示多个
2.0 无法设置宽高
3.0 大小由内容决定
块级元素:例如:div,p,h1-h6,ul,ol,li,dl,dt,dd
属性:display:block;
特点:
1.0 独占一行
2.0 可以设置宽高
3.0 默认宽度一整行
行内块级元素:例如:img input
属性:display:inline-block
特点:
1.0 可以设置宽高
2.0 一行可以显示多个