第二章 CSS3样式的基本语法
2.1 CSS基本语法
2.1.1 CSS构造规则
选择符(selector)、属性(properties)、属性值(value)
selector{properties:value;}
其中选择符是多种形式的;一个选择符当中有多个属性;每个属性都有属性值,且浏览器不同对属性的支持或者属性值的支持也不同。
eg: <p class="color:red;font-size:16px;width:800px;height:90px;"></p>
2.1.2 CSS的注释
使用 /* 注释 */
/* css注释 */
2.2 CSS的常用选择器(selector)
所有HTML语言中的标记都是通过不同的CSS选择器进行控制的。
选择器:标签选择器、类选择器、全局选择器、ID选择器、伪类选择器等。
择器名称 | 选择的内容 | 示例 |
---|---|---|
元素选择器(也称作标签或类型选择器) | 所有指定类型的 HTML 元素 | p 选择 <p> |
ID 选择器 | 具有特定 ID 的元素(单一 HTML 页面中,每个 ID 只对应一个元素,一个元素只对应一个 ID) | #my-id 选择 <p id="my-id"> 或 <a id="my-id"> |
类选择器 | 具有特定类的元素(单一页面中,一个类可以有多个实例) | .my-class 选择 <p class="my-class"> 和 <a class="my-class"> |
属性选择器 | 拥有特定属性的元素 | img[src] 选择 <img src="myimage.png"> 而不是 <img> |
伪(Pseudo)类选择器 | 特定状态下的特定元素(比如鼠标指针悬停) | a:hover 仅在鼠标指针悬停在链接上时选择 <a> 。 |
更多选择器请点击选择器