CSS 语法 概述
css3基础 2022-05-23 12:01:13小码哥的IT人生shichen
CSS 语法
CSS 语法
CSS 规则集(rule-set)由选择器和声明块组成:

选择器指向您需要设置样式的 HTML 元素。
声明块包含一条或多条用分号分隔的声明。
每条声明都包含一个 CSS 属性名称和一个值,以冒号分隔。
多条 CSS 声明用分号分隔,声明块用花括号括起来。
示例代码:
在此例中,所有 <p> 元素都将居中对齐,并带有红色文本颜色:
p {
color: red;
text-align: center;
}
完整实例【亲自试一试】:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Hello World!</p>
<p>这些段落是通过 CSS 设置样式的。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
例子解释
p
是 CSS 中的选择器(它指向要设置样式的 HTML 元素:<p>)。color
是属性,red
是属性值text-align
是属性,center
是属性值
在下一章中,您将学到更多关于 CSS 选择器和 CSS 属性的知识。