CSS 是網頁設計中不可缺少的一部分,它可以實現網頁樣式的修改、美化和動畫效果的添加。CSS 分為三種寫法:內聯式樣、嵌入式樣式和外聯式樣式。今天我們來聊一下嵌入式樣式的寫法。
嵌入式樣式是將 CSS 樣式寫在 HTML 文檔的 head 標簽里面,使用 style 標簽來定義樣式。在 head 標簽里面使用<style>...</style>包裹需要定義的樣式,其中方括號里面是需要定義樣式的標簽名或 class 名稱。
在上面的例子中,定義了所有 p 標簽應該有的樣式,包括字體大小、文字顏色、行高和底部邊距。除了 p 標簽,也可以定義其他標簽或者類名的樣式。
嵌入式樣式的優缺點都非常明顯。優點是定義的樣式只作用于當前頁面,不會影響到其他頁面的樣式;缺點則是當需要修改某個樣式時,必須要修改所有的相關樣式,這就會導致代碼冗長,重復度高。所以在實際開發中,嵌入式樣式一般用于定義少量的樣式,或者是對于整個頁面都要使用的樣式。
現在我們已經知道了嵌入式樣式的寫法和使用場景,接下來就可以愉快地使用 CSS 來美化我們的網頁了!