CSS----嵌入式样式表

最新推荐文章于 2025-02-10 00:48:41 发布

ply_09070066

最新推荐文章于 2025-02-10 00:48:41 发布

阅读量5.5k

点赞数

分类专栏： CSS 文章标签： CSS 嵌入式样式表样式表

本文链接：https://blog.youkuaiyun.com/u010398850/article/details/9471521

版权

CSS 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了CSS中嵌入式样式表的使用方法，强调了STYLE元素在HTML文档HEAD部分的作用，包括指定媒体类型、避免旧版浏览器的兼容问题。嵌入式样式表适用于规则简单、页面数量不多的场景，但若需要为大量网页定制不同风格，则效率较低。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

嵌入样式表是在网页文档的头部定义一个<style></style> 标签对，在该标签对内加入各种网页元素的样式规则。如：
<html>
<head>
<title>嵌入式样式表的范例</title>
<style type="text/css" media="screen">
  
</style>
</head>
<body>
<h1>嵌入式样式表的应用</h1>
  <img src="img1/mount.jpg">
</body>

</html>

STYLE元素放在文档的HEAD部分。必须的TYPE属性用于指定媒体类型，同样地，TITLE和MEDIA属性也可以用STYLE指定。

旧版本的浏览器，并不能识别STYLE元素，会将其当作BODY的一部分照常展示其内容，从而使这些样式表对用户是可见的。要防止这样做，STYLE元素的内容要包含一个SGML注解()在里面，像上述例子那样。

嵌入的样式表可用于当一个文档具有独一无二的样式的时候。这种方式适合规则很少，网页也很少的情况。如果网页非常的多，而且要求对不同的网页又有不同的风格，这种就不是最有效的。