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 代码优化的一块。

  • 相关阅读:
    rabbitmq入门
    php7.2 安装redis扩展
    php安装扩展的几种方法
    yum安装php7.2
    相关报错
    [枚举]P1089 津津的储蓄计划
    [DFS]排列的生成
    [枚举]P1085 不高兴的津津
    [模拟]P1047 校门外的树
    [模拟]P1046 陶陶摘苹果
  • 原文地址:https://www.cnblogs.com/tangge/p/1892517.html
Copyright © 2011-2022 走看看