1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <link rel="stylesheet" type="text/css" href="style.css"> 7 <link rel="stylesheet" type="text/css" href="div.css"> 8 <style type="text/css"> 9 h1{color:green} 10 h2{color:green !important} 11 div{border:2px blue solid} 12 </style><!--屬性值若為多個單詞則要加引號""，否則不能加引號。！important為強制為最高優先級--> 13 </head> 14 <body> 15 <h1 style="color: yellow">h1標題</h1><!--離內容越近的樣式優先使用！--> 16 <h2 style="color: yellow">h2標題</h2> 17 <div> 18 HTML5 19 <h3>h3標簽內容繼承div元素樣式，但類似布局樣式不能繼承，例外邊框</h3> 20 </div> 21 </body> 22 </html>
1 @charset="UTF-8"; 2 /*分號;不能省*/ 3 4 h1,h2{color:red;background: blue}/*多個元素之間用逗號，多個屬性之間用分號。*/
1 div{color:red;background: pink}