css的基本语法是什么-木庄网络博客

本文摘自PHP中文网，作者云罗郡主，侵删。

css的基本语法是：1、css规则由选择器和一条或多条声明两个部分构成；2、选择器通常是需要改变样式的HTML元素；3、每条声明由一个属性和一个值组成；4、属性和属性值被冒号分隔开。

CSS 语法

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。【推荐阅读：CSS教程】

1	`selector {declaration1; declaration2; … declarationN }`

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。

1	`selector {property: value}`

下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。

在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。

1	`h1` `{color:red;` `font-size:14px;}`

下面的示意图为您展示了上面这段代码的结构：

CSS 语法

提示：请使用花括号来包围声明。

值的不同写法和单位

除了英文单词 red，我们还可以使用十六进制的颜色值 #ff0000：

1	`p {` `color:` `#ff0000; }`

为了节约字节，我们可以使用 CSS 的缩写形式：

1	`p {` `color:` `#f00; }`

我们还可以通过两种方法使用 RGB 值：

1 2	`p {` `color:` `rgb（255,0,0）； }` `p {` `color:` `rgb（100%,0%,0%）； }`

请注意，当使用 RGB 百分比时，即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说，当尺寸为 0 像素时，0 之后不需要使用 px 单位，因为 0 就是 0，无论单位是什么。

以上就是css的基本语法是什么的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者