CSS----嵌入式样式表

来源:互联网 发布:网络变压器接法 编辑:程序博客网 时间:2024/05/29 13:33
嵌入样式表是在网页文档的头部定义一个<style></style> 标签对,在该标签对内加入各种网页元素的样式规则。如: 
<html>
<head>
 <title>嵌入式样式表的范例</title>
 <style type="text/css" media="screen">
  <!--
 h1
 {
   font-size:30px;
    color:red;
    background-color:yellow;
    text-align:center;
    text-decoration:underline
   }
  img
  {
   width:300;
   height:300;
  }
  body
  {
    background-color:orange;
  }
-->
</style>

</head>
<body>
 <h1>嵌入式样式表的应用</h1>
  <img src="img1/mount.jpg">
 </body>

 </html>

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

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

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