zoukankan      html  css  js  c++  java
  • html5--6-5 CSS选择器2

    html5--6-5 CSS选择器2

    实例

    学习要点

    • 掌握常用的CSS选择器
    • 了解不太常用的CSS选择器

    什么是选择器

    当我们定义一条样式时候,这条样式会作用于网页当中的某些元素,所谓选择器就是样式作用的对象.

    插入样式的三种方法

      1. 内联样式表(行内)
      2. 内部样式表(style中)
      3. 外部样式表
        • 创建一个外部样式表
        • 在head中使用link元素插入样式表


    CSS语法

    • 单一元素的多个属性之间用分号隔开;若只有一个可以省略
    • 多个元素之间用逗号隔开
    • 如果值为若干单词,则要给值加引号;除了这种情况外其他时候不可以加引号
    • css代码的注释
    • 样式的优先顺序:
      • 设计者设计的样式>浏览器用户自定义的样式>浏览器自设的样式
      • 强制优先级:!important
      1. 行内(内联)样式
      2. 内部样式:style中的样式
      3. 外部样式
    • 层叠、继承、冲突
      • 外观样式--比如字体、颜色可以继承;而布局有关的样式不可以继承,比如边框等
    • 可以在同一个 HTML 文档内部引用多个外部样式表。


    CSS选择器

    常用选择器

      1. 通用选择器:“*”
      2. 元素选择器
      3. id选择器:前面有一个 # 号
      4. 类选择器:前面加符号 .
        • 给一个元素加上多个类名
        • 指定某一特定的类
      5. 属性选择器
          • E[att] :选择具有att属性的E元素。需要选择有某个属性的元素,而不论属性值是什么,可以使用简单属性选择器。

        可以根据多个属性进行选择,只需将属性选择器链接在一起即可。

        • E[att="val"]:选择具有att属性且属性值等于valE元素。进一步缩小选择范围,(只选择有特定属性值的元素。)
        • E[att~="val"]:选择具有att属性且属性值有多个,其中一个的值等于val的E元素。
        • E[att|="val"]:选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。
        • E[att^="val"]:选择具有att属性且属性值为以val开头的字符串的E元素。
        • E[att$="val"]:选择具有att属性且属性值为以val结尾的字符串的E元素。
        • E[att*="val"]:选择具有att属性且属性值为包含val的字符串的E元素。

  • 相关阅读:
    linux 命令——48 watch (转)
    linux 命令——47 iostat (转)
    linux 命令——46 vmstat(转)
    linux 命令——45 free(转)
    linux 命令——44 top (转)
    linux 命令——43 killall(转)
    linux 命令——42 kill (转)
    linux 命令——41 ps(转)
    linux 命令——40 wc (转)
    Java for LeetCode 068 Text Justification
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/7991649.html
Copyright © 2011-2022 走看看