zoukankan      html  css  js  c++  java
  • css 样式基础(一) 选择符与结构

    基本规则

    css的主要作用:将某些规则应用于文档中同一元素

    规则结构

    每条规则有两个部分:选择符和声明(dectaration).每条声明实际上是属性和值的组合.每个样式表就是由一系列规则组成,但规则并不是总出现在样式表里

    声明

    声明的格式是固定的,某个属性(property)后跟一个冒号,然后是其取值.最后,这条声明以分号(;)作为终结.而值可以是单个关键字(keyword)或者是由空白符

    所分开的一串关键字组成

    分组

    同一条规则应用于多个元素

    分组选择符

    假设文档中的H2元素和P元素都应是灰色的文本。如下

    H2,P{color:gray}

    通过将H2和P元素同时放在规则的左边并且用逗号分隔他们,右边为规则定义的样式(color:gray;),规则将同时应用于两个选择符

    类和ID的区别

    类可以分配给任何数量的元素,而且它可以作用于许多其他的元素。另外一方面,ID却只能在某个HTML文档中使用一次。类和ID的另外一个区别是:ID对给定元素应用何种样式比类具有更高的优先权

    伪类和伪元素

    他们允许将样式应用于文档中不存在的结构上,或者通过当前元素状态甚至是文档自身的状态而推断的某些东西上.

    伪类

    :link 值超链接是一个未访问过的地址。注意有些浏览器可能将:link翻译成指定任何超链接,访问过或未访问过
    :visited 指已经访问过的网页的指定瞄
    :active 指任何处于活跃状态(例如别点击)的定位瞄。在css1里,这只用于超链接,然而在css2中,:active理论上可应用于任何元素

    伪元素选择器

    伪元素通过插入到文档中的虚构元素进行触发,从而达到某种效果

  • 相关阅读:
    [debug] 解决在C++编写过程中的“找到一个或多个多重定义的符号”
    调试事件的收集
    [ida]查看某一函数在程序中被谁引用
    IDA+Windbg IDA+OD 连动调试插件
    一个简单的创建被调试进程的案例
    LOAD_DLL_DEBUG_EVENT 时读取 DllName
    【编译系统01】编译器
    [动态规划]石子合并问题
    xBIM 基础15 IFC导出Excel报表
    xBIM 基础14 使用LINQ实现最佳性能(优化查询)
  • 原文地址:https://www.cnblogs.com/shuanger/p/2674824.html
Copyright © 2011-2022 走看看