CSS3 之 外观属性

color 文本颜色

作用是:设置文本颜色

描述
预留颜色 比如:red、green、blue
16进制 比如:#00FFFF
RGB代码 比如:rgba(255,99,71)
RGBA代码 比 RGB 多一个透明度,比如:rgba(255,99,71,0.5)
.big{
    color: rgba(255,99,71,0.5);
}

text-align 文字对齐方式

用于设置标签里的文字的水平对齐方式。

属性 描述
left 左对齐(默认)
right 右对齐
center 水平居中
.big{
    text-align: center;
}

line-height 行高

用于设置行间距。

  • 常用属性有三种:px(像素)em(相对值)%(百分比),使用最多的还是 px
/* 一般情况 行高比字号大 7 、8 像素就差不多了 */
.big {
    line-height: 26px;
}

text-indent 首行文本缩进

用于设置首行文本缩进

  • 缩进单位一般使用 em ,这里的 em有单独的意思,
    • 1em 是一个字的宽度,比如函汉子,1em 就是一个字的宽度。
.big{
    text-indent: 2em;
}

text-decoration 文本的装饰

通常用于给链接的修改装饰。

描述
none 默认。通常用于取消<a>的下划线。
underline 定义文本的一条线
overline 定义文本的一条线
line-through 定义穿过文本的一条线。
发表评论 / Comment

用心评论~