嵌入式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>