引用方式
-
- 外部样式表
-
- 内部样式表
-
- 行内样式表
选择器
选择器由选择器
、属性
和值
三部分组成。
select { property: value;}
元素
div { /* HTML 标签名 低优先级 */}
class
.class { /* 点号开头,中优先级 */}
ID
#name { /* 井号开头,高优先级,页面唯一 */}
后代
div p { /* 选择器之间用空格隔开;选中 div 内的所有 p 元素 */}
群组
div,p { /* 用英文逗号隔开;同时选择 div 和 p 选择 */}
样式
字体
/* 字体类型(单个单词无需双引号) */font-family: "Fira Code", "Sarasa Term SC";
/* 字体大小(支持单位:px, em, %) */font-size: 42px;
/* 字体颜色(支持关键字、RGB、RGBA HSL 等) */color:blue;color: #FFF
文本
/* 文本对齐 */text-align: center;
/* 文本装饰 */text-decoration: underline;