1. 層疊樣式表(Cascading Style Sheets)
2. Css可以用來為網頁創建樣式表,通過樣式
表可以對網頁進行裝飾。
3. 所謂層疊，可以將整個網頁想象成是一-層
一層的結構,層次高的將會覆蓋層次低的。
而css就可以分別為網頁的各個層次設置樣
式。
可以將css樣式編寫到元素的style屬性當中
將楊樹直接編寫到style屬性中,這種樣式我們成為內聯樣式
內聯樣式只對當前的元素中的內容起作用
內聯樣式不方便復用,不方便后期維護,不推薦使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css簡介</title> </head> <body> <!-- 可以將css樣式編寫到元素的style屬性當中 將楊樹直接編寫到style屬性中,這種樣式我們成為內聯樣式 內聯樣式只對當前的元素中的內容起作用 --> <p style="font-size: 20px; color: red;">鋤禾日當午,汗滴禾下土</p> </body> </html>
也可以將css樣式編寫到head中的style標簽里
將樣式表編寫的style標簽中,然后通過css選擇器選中指定元素
然后可以同時為這些元素一起設置樣式,這樣可以使樣式進一步的復用
將樣式表編寫到style標簽中,也可以使表現和結構進一步的分離,推薦使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css簡介</title> <!-- 也可以將css樣式編寫到head中的style標簽里 將樣式表編寫的style標簽中,然后通過css選擇器選中指定元素 然后可以同時為這些元素一起設置樣式,這樣可以使樣式進一步的復用 將樣式表編寫到style標簽中,也可以使表現和結構進一步的分離,推薦使用 --> <style type="text/css"> p { font-size: 20px; color: red; } </style> </head> <body> <!-- 可以將css樣式編寫到元素的style屬性當中 將楊樹直接編寫到style屬性中,這種樣式我們成為內聯樣式 內聯樣式只對當前的元素中的內容起作用 --> <p style="font-size: 20px; color: red;">鋤禾日當午,汗滴禾下土</p> <p>誰知盤中餐.粒粒皆辛苦</p> </body> </html>
效果:
