颜色代码（颜色代码表大全）

科技前沿 • 2025-06-11 21:51 • 阅读 27

大家好，我是讯享网，很高兴认识大家。

 <p># 常见样式声明</p>

讯享网

1. color

元素内部的文字颜色

预设值:定义好的单词

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

值。

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

淘宝红:#ff4400，#f40

黑色:#000000，#000

白色:#ffffff，#fff

红:#ff0000，#f00

绿:#00ff00 #0f0

蓝：00f

紫：f0f

青：0ff

黄：#ff0

灰：#ccc

2. background-color

元素背景颜色

讯享网

3. font-size

元素内部文字的尺寸大小

1)px:像素，绝对单位，简单的理解为文字的高度占多少个像素

2)em:相对单位，相对于父元素的字体大小

每个元素必须有字体大小，如果没有声明，则直接使用父元素的字体大小，如果没有父元素(html)则使用基准字号。

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

4. font-weight

normal bold

400 700

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

>strong，默认加粗

5. font-family

文字类型(字体)

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

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

sans-serif，非衬线字体

font-family=“xxx,xxx,xxx,sans-serif”

6. font-style

元素值是啥来着

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

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

em元素，默认样式是倾斜字体;

7. text-decoration

line-through

文本修饰，给文本加线。

>a元素

>del元素:错误的内容

>s元素:过期的内容

8. text-indent

首行文本缩进

9. line-height

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

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

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

10. width

宽度

11. height

高度

12. letter-space

文字间距

13. text-align

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

em 斜体强调 strong 重要

颜色代码（颜色代码表大全）

相关推荐