内联样式表
<meta http-equiv="content-type" content="text/css" />
嵌入样式表
<head>
<style type="text/css">
<!--
...
-->
</style>
</head>
外部样式表
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test.css" type="text/css" media="screen" />
</head>
<body>
</body>
</html>
大多数网站都会将外部样式表保存在缓冲区中，加快网站的浏览速度
输入样式表
可以用CSS的@import声明将一个外部样式表文件输入到另外一个CSS文件中，被输入的CSS文件中的样式规则定义语句就成为了输入到的CSS文件的一部分。也可以用@import声明将一个CSS文件输入到网页文件的<style></style>标签对中，被输入的CSS文件中的样式规则定义语句就成了<style></style>标签对中的语句
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test.css" type="text/css" media="screen" />
<style type="text/css" media="screen">
<!--
@import url(http://www.it315.org/style.css);
@import url(/stylesheets/style.css);
.p
{
background:yellow;
color:black
}
-->
</style>
</head>
<body>
</body>
</html>
时间： 2024-10-12 07:29:40