一、选择器优先级
1、当选择器权重一种是,按顺序执行后脸会覆盖前面的(操作同一个元素)
2、各个选择器之间的权重:标签0001 class0010 ID 0100
3、!important可以提高优先级
4、样式覆盖:相同属性设置里相同的操作
5、当网页制作中不知道哪个优先显示的时
二、继承:在父元素这值得某些元素在子元素可以继承
1、知道为什么元素没有设置样式大事发生了改变
三、元素类型之间的相互转化
1、元素之间的相互变化优化用户体验(能解决一部分浮动的问题)
2、可以实现换行的元素:标题标签,段落标签,div,ul li,ol li,dl dt dd.可以独占一行,可以设置高度宽度(行内块),可以设置text-align
3、display:block;
元素如果想转化为block(块级元素)需要加display
可以让一些标签设置宽度高度并实现换行
3、a\span\b\i\strong\除img之外不能设置宽高等不能独占一行,可以设置背景,但是背景颜色是靠自身内容填充,不能用text-align(有争议)
display :inline(行内元素)可以把可以自动换行的元素转化为不能自动换行的元素
4、img较为特殊可以设置宽高,一般只设一个
5、可以设置高度和宽度但不能独占一行<input>display:inline-block转化为行内块元素,可以用text-align。
6、不能把行内块级元素转化为行内元素
四、链接伪类选择器
1a:link未访问的链接
2、a:visited:已访问的链接
3、a:hover鼠标悬停时链接的变化,鼠标悬停时内容的显示与阴藏,选择器:hover要显示的元素(要显示的元素必须在选择器里面)
4、a:active 鼠标点击时的变化,a标签可以换位其他选择器
5、display:none影藏元素