CSS 属性

p {
    /* 按优先级排序，如果第一个字体不可用，则使用第二个，以此类推 */
    font-family: "Microsoft YaHei", Arial, sans-serif;
}

/* 常用的字体大小设置方式 */
.text {
    font-size: 16px;          /* 像素 */
    font-size: 1.2em;         /* 相对于父元素的倍数 */
    font-size: 1.2rem;        /* 相对于根元素的倍数 */
    font-size: 120%;          /* 百分比 */
}

.text {
    font-weight: normal;      /* 正常粗细 */
    font-weight: bold;        /* 粗体 */
    font-weight: 400;         /* 正常 */
    font-weight: 700;         /* 加粗 */
}

.text {
    font-style: normal;       /* 正常 */
    font-style: italic;       /* 斜体 */
    font-style: oblique;      /* 倾斜体 */
}

/* 顺序：font-style font-weight font-size/line-height font-family */
.text {
    font: italic bold 16px/1.5 "Microsoft YaHei", Arial;
}

.text {
    color: red;                /* 颜色关键字 */
    color: #ff0000;           /* 十六进制 */
    color: rgb(255,0,0);      /* RGB */
    color: rgba(255,0,0,0.5); /* RGBA带透明度 */
}

.text {
    text-align: left;         /* 左对齐 */
    text-align: center;       /* 居中对齐 */
    text-align: right;        /* 右对齐 */
    text-align: justify;      /* 两端对齐 */
}

.text {
    text-decoration: none;           /* 无装饰 */
    text-decoration: underline;      /* 下划线 */
    text-decoration: line-through;   /* 删除线 */
    text-decoration: overline;       /* 上划线 */
}

.text {
    text-indent: 2em;         /* 缩进2个文字大小 */
    text-indent: 20px;        /* 缩进20像素 */
}

.text {
    line-height: 1.5;         /* 1.5倍行高 */
    line-height: 20px;        /* 固定行高 */
    line-height: 150%;        /* 相对于字体大小的百分比 */
}

.single-line {
    white-space: nowrap;      /* 不换行 */
    overflow: hidden;         /* 溢出隐藏 */
    text-overflow: ellipsis;  /* 显示省略号 */
}

.multi-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;    /* 显示行数 */
    overflow: hidden;
}