导航：首页 > 开发技术 >

CSS中的规则声明是怎样的

发表于：2026-11-01 作者：千家信息网编辑

千家信息网最后更新 2026年11月01日，本篇文章给大家分享的是有关CSS中的规则声明是怎样的，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。CSS 规则由选择器和声明两部

千家信息网最后更新 2026年11月01日CSS中的规则声明是怎样的

本篇文章给大家分享的是有关CSS中的规则声明是怎样的，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

CSS 规则由选择器和声明两部分组成。

一个声明包含两部分：属性和值。

属性指出要影响元素的哪个方面（颜色、高度，等等），而值表示属性设定为什么（绿色、15px，等等）。

CSS属性值主要分以下三类：

文本值
数字值
颜色值

1.文本值

文本值也叫关键字。所有 CSS 属性都有文本值。

例如，border-style 属性有 solid、dashed 以及 insert 值。
2.数字值

数字值后面都有一个单位，例如英寸或点。在声明 font-size:12px 中， 12是数字值，而 px 是单位（像素）。如果数字值为 0，那么就不用带单位了。

数字值用于描述元素的各种长度（在 CSS 里，"长度"的含义比较广，还包括高度、宽度、粗细，等等）。数字值主要分两类：绝对值和相对值。
2.1 绝对值

绝对值描述的是一个真实的长度（比如， 6 英寸），而相对值则是相对于其他基准的描述（比如"是某某的两倍长"）。

2.2 相对值

em 表示一种字体中字母 M 的宽度，因此它的具体大小取决于你使用的字体。

ex 表示给定字体中字母 x 的高度（小写字母 x 代表一种字体的字母中间部分的高度，不包括字母上、下突出的部分——如 d 和 p 上下都出头儿）。

百分比非常适合设定被包含元素的宽度，此时的百分比就是相对于宽度而言的。把 HTML 结构元素的宽度设定为 body 宽度的百分比，就是流式设计的关键所在。这种布局设计可以随着用户调整浏览器窗口大小而成比例地伸缩。
3.颜色值

颜色值可以用几种不同的格式来写，包括 RGB（ Red, Green, Blue，红绿蓝）、
HSL（ Hue, Saturation, Luminance，色相，饱和度，亮度）和十六进制值（例如 color:#336699）
3.1 颜色名

W3C 定义了 16 个颜色关键字：

aqua（浅绿色）、 black（黑色）、 blue（蓝色）、 fuchsia（紫红色）、
gray（灰色）、 green（绿色）、 lime（黄绿色）、 maroon（褐红色）、
navy（深蓝色）、 olive（茶青色）、 purple（紫色）、 red（红色）、
silver（银色）、 teal（青色）、white（白色）和 yellow（黄色）。

提示：一般来说，颜色关键字最常用于指定白色和黑色。

3.2 十六进制颜色

格式：#rrggbb
示例：#ff8800
说明：

这个6位数的前两位定义红色（red），中间两位定义绿色（green），后两位定义蓝色（blue）。

十六进制以16为基数，使用数字 0-9 和字母 a-f，共16个值。其中，a-f 代表10到15。由于每种颜色用两位十六进制值表示，因此该颜色就有 256（ 16× 16）种可能的值，结果就是 16777216（256× 256× 256）种组合，也就是可以表示那么多种颜色。

范围是16进制的 00-ff，00 表示没有颜色，ff 表示颜色最强。所以 #000000 表示黑色，#ffffff 表示白色，同样 #ff0000 表示纯红色，#00ff00 表示纯绿色，#0000ff 表示纯蓝色。

如果三对值中的每一对是两个相同的数字，也可以使用简写形式：#rgb
示例：#ff3322 = #f32（深红色）、#ffffff = #fff（白色）

提示：在设定阴影的时候，简写方式可以省不少劲儿。

3.3 RGB颜色值

格式：rgb(r, g, b)
示例：rgb(0, 255, 0)
说明：

每种颜色都可以用一个 0 到 255（包含）之间的值指定。

与十六进制 RGB 值一样，只不过使用的是十进制的数值。因为每种颜色都有256 种可能，所以它能表示的颜色数量与十六进制格式的一样。