標籤:ext ace UI href port viewport 內聯 添加 init
什麼是CSS?CSS是 Cascading Style Sheets 的首字母縮寫,意思是層疊樣式表。有了CSS,html中大部分表現樣式的標籤就廢棄不用了,html只負責文檔的結構和內容,表現形式完全交給CSS,html文檔變得更加簡潔。為了讓網頁元素的樣式更加豐富,也為了讓網頁的內容和樣式能拆分開。
那麼,怎麼在HTML中引入Css?
第一個方法是:內聯式(行間樣式):
<body> <!--內聯式(行間樣式)--> <div style="color:red">這是第一個div</div> </body>
直接在標籤裡添加樣式,因為這種方式不方便對後期的維護,所以不推薦使用。
第二種是:內嵌式:
...<head><style type="text/css"> h3{ font-size: 40px; color: greenyellow; } </style></head><body> <h3>Css的內嵌式引入方法</h3></body></html>
這種方法實在<head></head>標籤中間插入,部分推薦使用,在首頁使用可以加快頁面的載入速度。
第三種:外聯式
先寫一個尾碼是.css的檔案,例如:style.css檔案:
p{ font-family: ‘Mcrosoft Yahei‘; color:aquamarine;}
然後在html中,使用link連結,例如:
...<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" type="text/css" href="css/style.css"> <title>Document</title></head><body> <p>這是一個段落標籤(第三種CSS的引用方法)</p> </body></html>
這種方法方便了後期對網頁樣式的管理,推薦使用。
【CSS】CSS樣式的三種引用方法