在網頁制作中,CSS(層疊樣式表)是不可或缺的一部分。CSS負責網頁的樣式設計,包括顏色、字體、邊框等等。今天我們來講一下CSS中三種常用的樣式語法格式。
CSS內聯樣式
CSS內聯樣式是將樣式直接寫在HTML標簽上的一種寫法。可以通過標簽的style屬性來設置樣式。
<p style="color: red; font-size: 16px;">這是一個內聯樣式的段落</p>
需要注意的是,CSS內聯樣式的權重相對其他樣式表較高,所以如果同時存在多個樣式表,內聯樣式可能會覆蓋其他樣式表的設置。
CSS嵌入樣式
CSS嵌入樣式是將樣式寫在HTML文檔的head標簽中的一種寫法。可以通過style標簽來設置樣式。
<head> <style type="text/css"> p { color: blue; font-size: 20px; } </style> </head> <body> <p>這是一個嵌入樣式的段落</p> </body>
需要注意的是,CSS嵌入樣式的權重相對CSS內聯樣式較低,但比起最后一種CSS樣式——外部樣式,又更高一些。
CSS外部樣式
CSS外部樣式是將樣式寫在一個獨立的CSS文件中,再在HTML文檔中引用該文件的一種寫法。可以通過link標簽來引用外部樣式表文件。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>這是一個外部樣式的段落</p> </body>
需要注意的是,CSS外部樣式的權重相對其他樣式表最低。但由于該方式允許多個HTML文檔共用同一個CSS文件,因而具有較好的代碼重用性。
上一篇三列固定寬度css布局
下一篇三欄等寬css