CSS(層疊樣式表)是一種用于定義網頁樣式的語言,它可以控制文本的字體大小和顏色,背景顏色和圖片等各個方面的樣式和布局。
在使用CSS時,我們需要將CSS文件引入到HTML文件中才能生效。CSS文件有多種引入方式,下面為您介紹幾種常用的方法。
1. 外部引入方式
<link rel="stylesheet" href="style.css">
使用 <link> 標簽將CSS文件與HTML文件分離,這種方式是最常用的CSS引入方式。通過 href 屬性來指定CSS樣式表的位置和名稱,CSS文件后綴為 .css。
2. 內部引入方式
<style> body { background-color: grey; } </style>
使用 <style> 標簽在HTML文件中直接定義CSS樣式,這種方式比較適用于網頁中僅需一小段CSS樣式的情況。
3. 行內引入方式
<p style="color: red;">這是一段紅色的文本</p>
使用 style 屬性直接在HTML標簽中添加CSS樣式,這種方式的缺點是樣式內容散亂在HTML代碼中,不利于維護。
總結:
CSS可以通過外部引入、內部引入、行內引入三種方式來定義樣式,外部引入是最常用的方式,可以將CSS樣式與HTML代碼分離,利于維護。