权重优先级、继承、伪类选择器

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隐藏元素

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值