css三種引用方式
阿新 • • 發佈:2018-06-29
運行 PE meta text alt utf 直接 20px font
1 直接在標簽內添加 style屬性
1 <body> 2 <!-- 內嵌寫在標簽內 --> 3 <div style="color: red;font-size: 20px">山無陵,天地合</div> 4 </body>
運行效果:
2 寫在標簽<head>中,內部樣式
1 <html lang="en"> 2 <head> 3 <meta charset="UTF-8"> 4 <title>css三種引用方式</title> 5 <style type="text/css"> 6 /*寫在head標簽內,設置所有標簽為div的樣式*/ 7 div{ 8 color:blue; font-size: 50px; 9 } 10 11 </style> 12 </head> 13 <body> 14 15 <div ">山無陵,天地合</div> 16 </body> 17 </html>
運行效果:
3 寫在<head>標簽內,引入一個css文件
1 <head> 2 <meta charset="UTF-8"> 3 <title>css三種引用方式</title> 4 <link rel="stylesheet" type="text/css" href="URL"> 5 </style> 6 </head>
運行效果:
相同,href內加入外部css文件的地址
css三種引用方式