嵌入CSS是一種將樣式表直接放在HTML文檔中的方法,在實(shí)際開發(fā)中經(jīng)常會(huì)用到。下面是一些嵌入CSS的寫法和注意事項(xiàng):
<style> p { font-size: 16px; color: #333; } </style>
以上代碼將所有的p標(biāo)簽文字大小設(shè)置為16px,字體顏色設(shè)置為#333。注意嵌入CSS時(shí)需將樣式屬性和屬性值用英文冒號(hào)分隔,并用英文分號(hào)分隔每個(gè)樣式規(guī)則。
<style> .container { width: 80%; margin: 0 auto; } </style>
以上代碼將class為.container的元素寬度設(shè)置為80%,并在水平方向上居中顯示。注意在樣式選擇器中使用“.”來(lái)指定類名,使用“#”來(lái)指定ID名。
<style> a:hover { color: red; text-decoration: none; } </style>
以上代碼將所有鏈接在鼠標(biāo)懸停狀態(tài)下的顏色設(shè)置為紅色,并去掉下劃線。注意多個(gè)樣式屬性可以在一個(gè)選擇器中同時(shí)設(shè)置,使用","分隔。
總之,嵌入CSS是一種方便易用的樣式定義方法,合理利用它可以讓代碼更加簡(jiǎn)潔明了。需要注意的是,嵌入CSS會(huì)增加HTML文檔的體積,同時(shí)也會(huì)降低樣式表的維護(hù)性,因此在項(xiàng)目開發(fā)中需根據(jù)實(shí)際情況進(jìn)行選擇。