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

    html5--6-4 CSS选择器

    实例

    学习要点

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

    什么是选择器

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

    插入样式的三种方法

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


    CSS语法

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


    CSS选择器

    常用选择器

      1. 通用选择器:“*”;文档中所有的内容都会加上选择器
      2. 元素选择器;比如p,比如div
      3. id选择器:前面有一个 #
      4. 类选择器:前面加符号 .
        • 给一个元素加上多个类名
        • 指定某一特定的类
  • 相关阅读:
    [转]sql语句优化原则
    [Effective C++]构造/析构/赋值运算
    [Effective C++]定制new和delete
    [Effective C++]让自己习惯C++
    [C++ primer]联合:节省空间的类
    [C++ primer]类成员指针
    [C++ primer]运行时类型识别(RTTI)
    [APUE]fork后子进程的运行情况
    [C++ primer]优化内存分配
    [C++ primer]虚函数和纯虚函数
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/7991480.html
Copyright © 2011-2022 走看看