zoukankan      html  css  js  c++  java
  • css选择器

    css选择器主要包括

    一、全局选择器

    *{margin:0px;padding:0px;border:0px;	}

    一般用于统一和初始化工作
    二、标记选择器

    body{}
    div{}
    p{}
    a{}
    
    

    用的比较少吧,因为一旦确定,所有页面的样式都按照这个样式进行。但是超链接还是用的比较多的。

    三、类选择器

    .Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}
    

    本选择器应该是用的最多的选择器,因为其可以多次用,和类的作用相似:一次定义可以多次使用,也许这就是为什么要类选择器的原因吧。
    四、ID选择器

    #Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}

    一般用在特殊的元素上,防止与其他选择器发生冲突。

    五、分组选择器

    div.menu ul li a, div.menu ul li a:visited
    {
        background-color: #465c71;
        border: 1px #4e667d solid;
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 20px;
        text-decoration: none;
        white-space: nowrap;
    }
    
    

    分组选择器主要用于多个对象共用相同的样式,以减少不必要的字节和简化代码,定义时用逗号隔开。
    六、包含选择器

    主要用于父元素下面的子元素的样式用空格隔开,如上面的ul就是div.menu 的子元素,li是ul的子元素

    七、相邻选择器

    div+p{font-size:20px;color:red;font-weight:bold;}

    上面代码定义了所有div对象之后的p对象都有该样式。
    八、子选择器

    .test>strong{color:red}

    应用于父对象下的子元素

    九、属性选择器

    比较复杂,在此不介绍

    十、伪类选择器

    可以看成特殊的类选择器,最大作用是可以用于连接的不同状态的样式定义。

    a:link{}
    
    a:visited{}
    
    a:hover{}
    
    a:active{}
    
    


     

    在vs2010上实现智能提示ctr+j 就能实现css的提示了
  • 相关阅读:
    LeetCode 542. 01 矩阵
    LeetCode 面试题 16.03. 交点
    LeetCode 151. 翻转字符串里的单词
    Markdown数学公式语法
    LeetCode 22. 括号生成
    LeetCode 146. LRU缓存机制
    LeetCode 面试题13. 机器人的运动范围
    LeetCode 48. 旋转图像
    LeetCode 84. 柱状图中最大的矩形
    LeetCode 42. 接雨水
  • 原文地址:https://www.cnblogs.com/lzhp/p/2680782.html
Copyright © 2011-2022 走看看