设置CSS的几种方式
内联样式表
<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>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
