1.权重优先级:
1.当选择器的权重一致时,他会按照顺序执行,后面的样式会覆盖前面的样式【操作同一个元素时】
2.各个选择器之间的权重: 标签 0001 class0010 id 0100 !important最高的
3.!important可以提高权重/优先级
4.样式覆盖:相同属性设置操作了相同的元素
5.干啥:当制作网页的过程中不知道那个优先显示的时候【】
2.字体的继承:
font-size都可继承/color除了超链接以外都可以继承...
注意:继承优先级最低,只要在元素身上设置相同的属性,就可以把继承的样式给覆盖掉
1.div到标签属于继承,P单独对元素的设置
2.继承的CSS样式:
继承:在父元素上设置的某些属性在子元素上可以起作用
3.元素之间的相互转化:
1.什么是元素之间的相互转化:元素类型之间的相互变化
2.为什么:优化用户体验【a标签转化为可以设置宽度高度的元素;b.解决浮动的能解决的一部分问题】
3.怎么尽心元素之间的相互转化: display:inline[行内元素]/block[块级元素]/inline-block[行内块级元素]元素的分类:
4. 块级元素: div p ul li ol li dl dt ddh1-h6
特点: 1)独自占据一行
2)可以设置宽度和高度3.可以设置text-align
5.行内元素: a b em ispan strong
特点:1)不能独自占据一行
2)除了img之外都不能设置宽度和高度3.不能用text-align[有争议]
6.行内块级元素:input
特点: 1)不能独自占据一行
2)可以设置宽度和高度
3)可以用text-align
4.链接伪类选择器
1.a:link为访问的链接
2.a:visited 已访问的链接
3.a:thover鼠标悬停时链接的变化,鼠标悬停时内容的隐薇与显示选择器:hover要显示的元素【要显示的元素必须在选择器里面】{}
a标签可以切换为其它的选择器
4.a:active 鼠标点击时发生的变化,a标签也可以切换为其他的选择器
5.display : none隐藏元素