CSS是一種樣式表語言,可以通過它來控制網頁的樣式和布局,使得我們的網頁變得更加美觀和易于使用。在網頁中設置CSS有三種方式:
1. 內聯樣式 2. 內部樣式表 3. 外部樣式表
下面,我們將逐一介紹這三種方式:
1. 內聯樣式
內聯樣式可以直接在html中設置css,通過在對應元素標簽中添加style屬性來實現。例如:
<p style="color: red; font-size: 20px;">這是一段內聯樣式的文字</p>
這段代碼將會使<p>標簽中的內容變為紅色并且字體大小為20px。
2. 內部樣式表
內部樣式表可以通過在<head> 標簽中添加<style>標簽來實現,并且在其中寫下對應的樣式,例如:
<head> <style> p { color: blue; font-size: 16px; } </style> </head> <body> <p>這是一段內部樣式表的文字</p> </body>
這段代碼將會使<p>標簽中的內容變為藍色并且字體大小為16px。
3. 外部樣式表
外部樣式表是將CSS代碼保存在一個獨立的.css文件中,并通過<link>標簽來引用,例如:
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <p>這是一段外部樣式表的文字</p> </body>
在style.css文件中,寫下對應的CSS樣式:
p { color: green; font-size: 24px; }
這段代碼將會使<p>標簽中的內容變為綠色并且字體大小為24px。
以上便是關于設置CSS的三種方式的介紹,可以根據需要選擇適合的方式來設置樣式。
上一篇css中標題變紅