CSS

2018-10-29

引用方式

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

选择器

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

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;