CSS3 第1篇 基础入门 (二)

第二章 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>

      更多选择器请点击选择器

猜你喜欢

转载自blog.csdn.net/Sonnenlicht77/article/details/100175873