zoukankan      html  css  js  c++  java
  • CSS【通用选择器】与【选择器的嵌套】

    【通用选择器】

    对于通用选择器还有一个不得不提的用法,就是为了保证作出的页面能够兼容多种浏览器,
    所以要对HTML 内的所有的标签进行重置,会将下面的代码加到CSS 文件的最顶端

    *{margin:0; padding:0;}

    为什么要这么用呢,因为每种浏览器都自带有CSS 文件,如果一个页面在浏览器加载页面
    后,发现没有CSS 文件,那么浏览器就会自动调用它本身自带的CSS 文件,但是不同的
    浏览器自带的CSS 文件又都不一样,对不同标签定义的样式不一样,如果我们想让做出的
    页面能够在不同的浏览器显示出来的效果都是一样的,那么我们就需要对对HTML 标签重
    置,就是上面的代码了,但是这样也有不好的地方,因为HTML4.01中有89个标签,所以
    相当于在页面加载CSS 的时候,先对这89个标签都加上了{margin:0; padding:0;}
    在这里我不建议大家这么做,因为89个标签中需要重置的标签是很少数,没有必要将所有
    的标签都重置,需要哪些标签重置就让哪些标签重置就可以了,如下:

    1 body,div,p,a,ul,li{margin:0; padding:0;}
    2  

    如果还需要dl、dt、dd 标签重置,那就在上面加上就可以了,如下:

    1 body,div,p,a,ul,li,dl,dt,dd{margin:0; padding:0;}
    2  

    用到那些就写那些,这点也可以看做衡量页面重构师制作页面水平的高低,以及是否专
    业的一个方面。
    到这里大家更应该明白这句话“通用选择器是功能最强大但是用的最少的选择器”了吧
    ~^_^
    OK!选择器的内容我向大家应该都明白了,后面就继续讲解一下“选择器的集体声
    明”和“选择器的嵌套”。

    =============================================================

    【选择器的嵌套】

    选择器也是可以嵌套的,如:

    #div1 p a{color:#900;}
    /*意思是在ID 为div1内的p 标签内的链接a 标签的文字颜色为红色*/

    这样的好处就是不需要在单独的为ID 为div1 的标签内的p 标签内的a 标签单独定义
    class 选择器或者ID 选择器,CSS 代码不就少了嘛~同样也是CSS 代码优化的一块。

  • 相关阅读:
    python 打印出水仙花数
    pycharm 2020 激活码 破解教程
    Python 封装一个函数,查找文字字符串数字英文下标
    Python 分解质因数
    python 封装一个取符串长度的函数
    Python 正整数相加其余忽略
    Python 输入字符串找(String)下标 没有返回-1
    CPU 和 GPU 的区别
    Deferred Shading,延迟渲染(提高渲染效率,减少多余光照计算)【转】
    BumpMap、NormalMap的区别
  • 原文地址:https://www.cnblogs.com/tangge/p/1892517.html
Copyright © 2011-2022 走看看