1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 6 <meta name="Author" content=""> 7 <meta name="Keywords" content=""> 8 <meta name="Description" content=""> 9 <title>Document</title> 10 <style> 11 p{ 12 width:200px; 13 height:20px; 14 background:gold; 15 } 16 div{ 17 width:300px; 18 height:30px; 19 background:skyblue; 20 } 21 </style> 22 <link rel="stylesheet" type="text/css" href="csss/cssss.css"/> 23 <!-- 24 link標簽不可放到style中,標簽不能放到標簽中; 25 樣式的三種寫法: 26 1:style標簽,頭部樣式; 27 2:link標簽鏈接獨立的css文件; 28 3:在標簽中添加style屬性; 29 優先級: 內聯樣式>外部樣式(link和style看順序) 30 --> 31 </head> 32 <body> 33 <p>你是豬</p> 34 <div style="width:100px;height:10px;background:pink">我是人</div> 35 <span>他也是豬,不過人家是小豬佩奇!</span> 36 </body> 37 </html>