MDN CSS

CSS样式基础

CSS选择器

选择器是什么

选择器列表

h1, .special {
  color: blue;
}
 

选择器的种类

类型 类 ID 选择器

标签选择器

伪类与伪元素

运算符

类型选择器(标签名选择器或者是元素选择器)

p {
	font-size: 10
}

属性选择器

存否和值选择器

选择器示例描述
[attr]a[title]匹配带有一个名为_attr_的属性的元素——方括号里的值。
[attr=value]a[href="https://example.com"]匹配带有一个名为_attr_的属性的元素,其值正为_value_——引号中的字符串。
[attr~=value]p[class~="special"]匹配带有一个名为_attr_的属性的元素,其值正为_value_,或者匹配带有一个_attr_属性的元素,其值有一个或者更多,至少有一个和_value_匹配。

注意,在一列中的好几个值,是用空格隔开的。
[attr|=value]div[lang|="zh"]匹配带有一个名为_attr_的属性的元素,其值可正为_value_,或者开始为_value_,后面紧随着一个连字符。

子字符串匹配选择器

伪类和伪元素

什么是伪类

关系选择器

后代选择器

子代关系选择器

领接兄弟

通用兄弟

盒模型

层叠、优先级和继承

css值和单位

在CSS中调整大小

背景与边框

溢出的内容

图像、媒体和表单元素

样式化表格

调试CSS

基本的CSS理解

创建精美的信纸

一个漂亮的盒子

CSS文本样式

CSS排版