网站制作教程：HTML CSS语法 — 如何对 CSS 进行编码

本页介绍可用于将CSS应用于任何网站的基本语法。

CSS语法由一组规则组成。这些规则由3部分组成：选择器、属性和值。文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html

你不需要记住这一点来编码CSS。一旦你开始编码CSS，你就不会想到“这是一个选择器”或“这是一个属性”。一旦您研究了此页面上的示例，这应该开始有意义。文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html

语法：文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html

selector { property: value }

选择器表示要设置样式的HTML元素。例如：文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html

h1 { color: blue }

此代码告诉浏览器以蓝色呈现HTML<h1>元素的所有实例。文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html

分组选择器

如果您愿意，可以将样式应用于多个选择器。只需用逗号分隔选择器即可。文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html

h1, h2, h3, h4, h5, h6 { color: blue }

应用多个属性

要应用多个属性，请用分号分隔每个声明。文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html

h1 { color:blue; font-family: arial, helvetica, "sans serif" }

可读性

通过将样式声明分散到多行中，可以使CSS代码更具可读性。如果您愿意，还可以缩进代码。这不会影响代码的呈现方式-它只是使您更容易阅读。文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html

h1 {
    color: blue;
    font-family: arial, helvetica, "sans serif";
    font-size: 150%;
}

好了，您现在已经了解了CSS语法。但是，您如何将此语法合并到您的网站中？下一课将向您展示如何将CSS合并到HTML文档中。文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html 文章源自淘咖首码项目网 https://www.youranweb.com/淘咖首码项目网-https://www.youranweb.com/231.html