CSS 语法
最后一次修改 2017年08月04日
CSS语法
CSS规则有两个主要部分：一个选择器和一个或多个声明。下面的代码是一个CSS规则。
h1{color:red;front-size:12px;}
在上面的CSS代码中：
h1是选择器{color:red;front-size:12px;}是声明color是属性名称red是属性值color:red;被称为一个声明
每个声明由一个属性和一个值组成。selector 选择要设置样式的HTML元素。
属性是要更改的样式属性。每个属性都有一个值。 CSS声明以分号结尾，声明组被大括号括起来。
这里是另一个CSS样式<p>。它将文本颜色更改为红色，并使文本对齐到中心。
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
p {
color:red;
text-align:center;
}
</style>
</head>
<body>
<p>Visit the website www.html.cn</p>
</body>
</html>
上面的代码呈现如下：
为了使CSS更具可读性，可以在每一行上放置一个声明。
p{
color:red;
text-align:center;
}
例子
下面的代码有一个简单的CSS样式。
background-color: grey; color: white
有一个广泛的CSS属性可用，并且每个控制应用它的元素的外观的一些方面。
CSS语法
CSS规则有两个主要部分：一个选择器和一个或多个声明。下面的代码是一个CSS规则。
h1{color:red;front-size:12px;}
在上面的CSS代码中：
h1是选择器{color:red;front-size:12px;}是声明color是属性名称red是属性值color:red;被称为一个声明
每个声明由一个属性和一个值组成。selector 选择要设置样式的HTML元素。
属性是要更改的样式属性。每个属性都有一个值。 CSS声明以分号结尾，声明组被大括号括起来。
这里是另一个CSS样式<p>。它将文本颜色更改为红色，并使文本对齐到中心。
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
p {
color:red;
text-align:center;
}
</style>
</head>
<body>
<p>Visit the website www.html.cn</p>
</body>
</html>
上面的代码呈现如下：
为了使CSS更具可读性，可以在每一行上放置一个声明。
p{
color:red;
text-align:center;
}
例子
下面的代码有一个简单的CSS样式。
background-color: grey; color: white
有一个广泛的CSS属性可用，并且每个控制应用它的元素的外观的一些方面。
← CSS 简介