CSS內部樣式表是一種將CSS代碼嵌入HTML文檔的方式,通常在head標簽中使用。內部樣式表的優點是只應用于單個頁面或文檔,使得代碼更加易于維護和管理。
下面是一些示例使用內部樣式表的方法:
<!DOCTYPE html> <html> <head> <title>內部樣式表</title> <style type="text/css"> p { color: red; } h1 { font-size: 24px; font-weight: bold; } </style> </head> <body> <h1>這是一個標題</h1> <p>這是一段文本</p> </body> </html>
在這個例子中,我們定義了兩個選擇器,一個作用于所有的段落元素,另一個作用于所有的h1元素。對于段落元素,我們將文字顏色設為紅色,對于h1元素,我們調整了字體大小和粗細。
除了基本的樣式定義,內部樣式表還支持其他高級功能,例如:
- 媒體查詢:根據不同的屏幕尺寸和設備類型調整樣式。
- 偽類:根據狀態為元素應用樣式,例如:hover或:active。
- 動畫:創建動態效果,使元素在頁面上移動或改變顏色。
總的來說,CSS內部樣式表是一種非常方便的CSS代碼管理方式,尤其適用于較小的網站或單個文檔。但對于大型網站,使用外部樣式表可能更加高效,因為多個網頁可以共享同一個樣式表,從而減少代碼冗余。