Skip to content

常见样式声明

color

元素内部的文字颜色

预设值:定义好的单词

三原色,色值:光学三原色(红、绿、蓝),每个颜色可以使用0-255之间的数字来表达,色值。

rgb表示法:
rgb(0, 255, 0)
hex(16进制)表示法:
#红绿蓝

淘宝红:#ff4400, #f40 黑色:#000000,#000 白色:#ffffff, #fff 红:#ff0000, #f00 绿:#00ff00, #0f0 蓝:#0000ff, #00f 紫:#f0f 青:#0ff 黄:#ff0 灰色:#ccc

background-color

元素背景颜色

font-size

元素内部文字的尺寸大小

1)px:像素,绝对单位,简单的理解为文字的高度占多少个像素 2)em:相对单位,相对于父元素的字体大小 每个元素必须有字体大小,如果没有声明,则直接使用父元素的字体大小,如果没有父元素(html),则使用基准字号。

user agent,UA,用户代理(浏览器)

font-weight

文字粗细程度,可以取值数字,可以取值为预设值

strong,默认加粗。

font-family

文字类型

必须用户计算机中存在的字体才会有效。

使用多个字体,以匹配不同环境

sans-serif,非衬线字体

font-style

字体样式,通常用它设置斜体

i元素,em元素,默认样式,是倾斜字体; 实际使用中,通常用它表示一个图标(icon)

text-decoration

文本修饰,给文本加线。

a元素 del元素:错误的内容 s元素:过期的内容

text-indent

首行文本缩进

css
p{
    text-indent: 2em;
}

line-height

每行文本的高度,该值越大,每行文本的距离越大。

设置行高为容器的高度,可以让单行文本垂直居中

行高可以设置为纯数字,表示相对于当前元素的字体大小

css
p{
   line-height: 10px;
   line-height: ##5;//也可以这样写
}

width

宽度

height

高度

letter-space

文字间隙

text-align

元素内部文字的水平排列方式

MIT License