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

你的网络首码项目网 网站建设来源:你的网络首码项目网评论142字数 569阅读模式

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

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

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

语法:文章源自你的网络首码项目网-https://www.youranweb.com/231.html

selector { property: value }

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

h1 { color: blue }

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

分组选择器

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

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

应用多个属性

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

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

可读性

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

相关文章
weinxin
你的网络首码项目网站长
本站旨在为广大网友提供一个免费、公开且和谐的互联网项目交流平台,所有文章均来自网络和网友投稿,不代表本站任何立场,请勿盲目下载注册参与,以免为您带来不必要的损失。
你的网络首码项目网

发表评论