zoukankan      html  css  js  c++  java
  • CSS选择符

    一、类型选择符

    body
    {
      font-size
    :12px;
    }
    p
    {
      color
    :blue;
    }

    指对网页中已有的标签类型作为名称的选择符,如上表示:body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。
    二、群组选择符

    h4,p,span
    {
      font-size
    :12px;
    }

    表示页面所有的h4,p,span标签内文字都为12px大小,即对一组对象进行相同的样式指定,每个标签之间用逗号分隔开来。
    三、包含选择符

    div p
    {
      font-weight
    :bold;
    }

    表示div标签里边的p标签内的文字为粗体字、这是一种包含关系,每个标签之间用空格隔开,可以为多级包含。
    四、id和class选择符
    id是对页面中的唯一元素进行样式定义,这个样式在页面中只使用一次、即id不重复

    <div id="myDiv">
    ..
    </div>

    #myDiv
    {
      font-size
    :12px;
    }


    class定义的是通用或经常使用的样式,一种样式在一个页面中需要出现多次,即可以为不同的标签指定相同的class,如下表示:div和p标签内的字体都是蓝色

    <div class="red">

    </div>

    <p class="red">..</p>

    .red
    {
      color
    :blue;
    }


    五、组合选择符
    使用id或class,同时也使用标签来进行组合

    h1 #cont
    {
     
    }


    表示id为cont的h1标签

    h1 .cont
    {
     
    }

    表示所有class为cont的h1标签
    六、伪类选择符
    常见为a标签

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

    七、通配选择符

    *
    {
      color
    :blue;
    }

    表示所有对象的字体都为蓝色。

  • 相关阅读:
    HDU 逃离迷宫 (bfs)
    HDU 2588 GCD (欧拉函数)
    HDU 诡异的楼梯 (bfs)
    oj 二叉树相关
    AVL树代码实现
    用栈实现队列
    redis学习
    15. 三数之和 (思维)
    889. 根据前序和后序遍历构造二叉树(非递归)
    寻找重复的子树(dfs)
  • 原文地址:https://www.cnblogs.com/chy710/p/638759.html
Copyright © 2011-2022 走看看