CSS

引用方式

1. 外部样式表
1. 内部样式表
1. 行内样式表

选择器

选择器由选择器、属性和值三部分组成。

1
select {
2
  property: value;
3
}

元素

1
div {
2
  /* HTML 标签名 低优先级 */
3
}

class

1
.class {
2
  /* 点号开头，中优先级 */
3
}

ID

1
#name {
2
  /* 井号开头，高优先级，页面唯一 */
3
}

后代

1
div p {
2
    /* 选择器之间用空格隔开；选中 div 内的所有 p 元素 */
3
}

群组

1
div,
2
p {
3
    /* 用英文逗号隔开；同时选择 div 和 p 选择 */
4
}

样式

字体

1
/* 字体类型（单个单词无需双引号） */
2
font-family: "Fira Code", "Sarasa Term SC";
3

4
/* 字体大小（支持单位：px, em, %） */
5
font-size: 42px;
6

7
/* 字体颜色（支持关键字、RGB、RGBA HSL 等） */
8
color：blue;
9
color: #FFF

文本

1
/* 文本对齐 */
2
text-align: center;
3

4
/* 文本装饰 */
5
text-decoration: underline;