CSS 语法
2018-07-07 18:52 更新
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.w3cschool.cn</p>
</body>
</html>
上面的代码呈现如下:
为了使CSS更具可读性,可以在每一行上放置一个声明。
p{ color:red; text-align:center; }
例子
下面的代码有一个简单的CSS样式。
background-color: grey; color: white在此示例中,样式具有两个声明。第一个将background-color属性的值设置为grey,第二个将color属性的值设置为white。
有一个广泛的CSS属性可用,并且每个控制应用它的元素的外观的一些方面。
以上内容是否对您有帮助:
← CSS 简介
更多建议: