CSS层叠样式表
w3c中文站
声明:@charset "utf-8" ;
注释:/* 我是注释 */
class
对应的是.
ID
对应的是#
选择器
选择器 | 在HTML中的表达 | 在css中的表达 | 含义 |
---|---|---|---|
CSS 元素选择器 | 根据元素名称来选择 HTML 元素。 | ||
元素id选择器 | id | # |
使用 HTML 元素的 id 属性来选择特定元素。 |
CSS类选择器 | class | . |
选择有特定 class 属性的 HTML 元素。 |
CSS 通用选择器 | * |
选择html中的所有元素 |
HTML 元素也可以引用多个类。 类名不能以数字开头! 选择器后面不用写分号
组合器
后代选择器 (空格)
- 后代选择器匹配属于指定元素后代的所有元素。
子选择器 (>
)
子选择器匹配属于指定元素子元素的所有元素。
相邻兄弟选择器 (+
)
相邻兄弟选择器匹配所有作为指定元素的相邻同级的元素。 兄弟(同级)元素必须具有相同的父元素,“相邻”的意思是“紧随其后”。
通用兄弟选择器(~
)
- 通用兄弟选择器匹配属于指定元素的同级元素的所有元素。
写法
在css中的写法 | 在HTML中的写法 | 作用 | 备注 | ||
---|---|---|---|---|---|
text-align: center; |
align="center" |
文档的居中 | 孤证不立 | ||
width:200px; |
width="200px" |
宽度200像素 | heigh 高度同理 |