CSS----嵌入式樣式表
阿新 • • 發佈:2019-01-24
嵌入樣式表是在網頁文件的頭部定義一個<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>
<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屬性用於指定媒體型別,同樣地,TITLE和MEDIA屬性也可以用STYLE指定。
舊版本的瀏覽器,並不能識別STYLE元素,會將其當作BODY的一部分照常展示其內容,從而使這些樣式表對使用者是可見的。要防止這樣做,STYLE元素的內容要包含一個SGML註解(<!-- comment -->)在裡面,像上述例子那樣。
嵌入的樣式表可用於當一個文件具有獨一無二的樣式的時候。這種方式適合規則很少,網頁也很少的情況。如果網頁非常的多,而且要求對不同的網頁又有不同的風格,這種就不是最有效的。