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理论上可应用于任何元素
伪元素选择器
伪元素通过插入到文档中的虚构元素进行触发,从而达到某种效果