CSS 简介
最后一次修改 2017年08月04日
一些HTML元素对显示有影响。当浏览器遇到元素时，它将更改内容显示的方式。
代码元素是其中之一。 当浏览器遇到代码元素时，将使用固定宽度的字体显示包含的内容。
现在强烈建议不要使用HTML元素来管理演示文稿。
您应该使用HTML元素来定义结构，并使用级联样式表（CSS）来控制演示。
例子
CSS代表层叠样式表。它定义如何显示HTML元素。
以下HTML代码包含样式的CSS。
<!DOCTYPE HTML>
<html>
<head>
<style>
a { <!--from www.html.cn-->
background-color:grey;
color:white
}
</style>
</head>
<body>
<a href="http://www.html.cn">Visit the website</a>
</body>
</html>上面的代码设置背景颜色和前景颜色。
样式通常保存在外部.css文件中。
浏览器样式
浏览器使用级联和继承来确定在显示元素时要用于属性的值。每个元素都有一些CSS属性。
对于每个属性，浏览器需要遍历所有样式的源。
你已经看到了三种不同的方式来定义样式
内联
嵌入式
外部样式表
如果没有指定其他样式，浏览器样式或用户代理样式是浏览器应用于元素的默认样式。
这些样式在浏览器之间略有不同。
以下代码显示了一个不包含样式的简单HTML文档。
<!DOCTYPE HTML> <html> <body> <a href="http://www.html.cn">Visit the website</a> <p>I like <span>apples</span> and oranges.</p> <a href="http://html.org">Visit the html website</a> </body> </html>
链接的文本内容显示为蓝色，带下划线。
浏览器正在应用类似于以下代码中所示的样式。
a {
color: blue;
text-decoration: underline;
}浏览器没有每个HTML元素的默认样式。← 没有了