css 样式基础(一) 选择符与结构
2012-09-07 11:52
253 查看
基本规则
伪元素选择器
css的主要作用:将某些规则应用于文档中同一元素
规则结构 每条规则有两个部分:选择符和声明(dectaration).每条声明实际上是属性和值的组合.每个样式表就是由一系列规则组成,但规则并不是总出现在样式表里
声明 声明的格式是固定的,某个属性(property)后跟一个冒号,然后是其取值.最后,这条声明以分号(;)作为终结.而值可以是单个关键字(keyword)或者是由空白符
所分开的一串关键字组成
分组所分开的一串关键字组成
同一条规则应用于多个元素
分组选择符 假设文档中的H2元素和P元素都应是灰色的文本。如下
H2,P{color:gray}
通过将H2和P元素同时放在规则的左边并且用逗号分隔他们,右边为规则定义的样式(color:gray;),规则将同时应用于两个选择符
类和ID的区别H2,P{color:gray}
通过将H2和P元素同时放在规则的左边并且用逗号分隔他们,右边为规则定义的样式(color:gray;),规则将同时应用于两个选择符
类可以分配给任何数量的元素,而且它可以作用于许多其他的元素。另外一方面,ID却只能在某个HTML文档中使用一次。类和ID的另外一个区别是:ID对给定元素应用何种样式比类具有更高的优先权
伪类和伪元素 他们允许将样式应用于文档中不存在的结构上,或者通过当前元素状态甚至是文档自身的状态而推断的某些东西上.
伪类:link | 值超链接是一个未访问过的地址。注意有些浏览器可能将:link翻译成指定任何超链接,访问过或未访问过 |
:visited | 指已经访问过的网页的指定瞄 |
:active | 指任何处于活跃状态(例如别点击)的定位瞄。在css1里,这只用于超链接,然而在css2中,:active理论上可应用于任何元素 |
伪元素通过插入到文档中的虚构元素进行触发,从而达到某种效果
相关文章推荐
- HTML&CSS基础篇之三:HTML基础结构之ML篇
- 前端零基础入门(六):基础css样式之border
- CSS学习之第二章《选择符与结构》(3)
- CSS样式基础知识
- CSS基础—样式
- css基础 cursor:default/pointer/move/text 鼠标样式
- Web前端开发css基础样式总结
- CSS样式基础知识
- HTML基础知识一(HTML、常见方式、文档结构、<meta>、 网站文件命名、文本修饰、文本样式、段落标记、居中标记、水平线标记、特殊字符、列表、图像)
- CSS 基础:HTML 标记与文档结构(1)<思维导图>
- css基础 并集选择器 多个标签用逗号隔开,使用相同的样式
- HTML&CSS基础学习笔记1.27-灵活地使用样式
- css基础 并集选择器 多个元素加上同一个样式
- 蓝鸥零基础学习HTML5之CSS的基础样式一
- css基础 设置div 上下左右边框线的样式
- CSS学习之第二章《选择符与结构》(4)
- XML1.0基础 PI指令 引用css文件设置样式
- CSS基础研究(四)-CSS高级样式研究
- CSS学习问答之“为什么样式和结构要分开呢”?
- CSS基础之——设计文本样式(1)