嵌入式css樣式

嵌入式css樣式，就是可以把css樣式程式碼寫在<style type="text/css"></style>標籤之間。如下面程式碼實作把三個<span>標籤中的文字設定為紅色：

<style type="text/css">
span{
color:red;
}
</style>

嵌入式css樣式必須寫在<style></style>之間，並且一般情況下嵌入式css樣式寫在<head></head>之間。如右邊編輯器中的程式碼。

嵌入式則將對頁面中各種元素的設定集中寫在<head>和</head>之間，對於單一的網頁，這種方法很方便。但是對於一個包含許多頁面的網站，如果每個頁面都以內嵌方式設定各自的樣式，就失去了CSS帶來的巨大優點，因此一個網站通常都是編寫一個獨立的CSS樣式表檔。

新建檔案

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css样式</title>
</head>
<body>
 <p>11，<dazi>我变大了</dazi>、你大便了；<span>蓝色的</span>，111、<xxx>红色的</xxx>。其他都是绿色的！</p>
</body>
</html>

提交重置程式碼

自動運行

全螢幕