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..cn</p>
</body>
</html>
上面的代码呈现如下:
为了使CSS更具可读性,可以在每一行上放置一个声明。
p{ color:red; text-align:center; }
下面的代码有一个简单的CSS样式。
background-color: grey; color: white在此示例中,样式具有两个声明。第一个将background-color属性的值设置为grey,第二个将color属性的值设置为white。
CSSBoxModel(盒子模型)所有 HTML 元素可以看作盒子,在 CSS 中,"box model "这一术语是用来设计和布局时使用。CSS 盒模型本质上...
ins 标签表示范围内的文本已经被添加到文档中(通常是文档中更新和修正的部分)。实例一段带有已删除部分和新插入部分的文本:pM...
如果您需要突出显示 HTML 文档中某一部分的文本,则您可以使用该 mark 标签,比如,在下面的示例中,我们突出显示了“牛奶”一词...
progress 标签显示某个任务完成的进度的指示器,一般用于表示进度条,下述的示例简单的模拟了一个下载进度条: 实例标记"下载进...