CSS的继承方式和优先级

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值