嵌入式CSS是一種很常見的CSS使用方式,它可以在html文件中使用style標簽來定義CSS樣式。嵌入式CSS的使用方式如下:
<style> css代碼 </style>
在style標簽中可以寫任意CSS樣式,如定義元素的字體、顏色或背景等。例如:
<style> h1 { color: red; font-size: 30px; } p { font-size: 20px; line-height: 1.5; } </style>
上面的代碼定義了h1元素的字體顏色為紅色,字號為30像素;p元素的字體大小為20像素,行距為1.5倍字體大小。
使用嵌入式CSS的好處是可以將CSS代碼和HTML代碼放在同一個文件中,方便維護和管理。但是,如果需要多個頁面使用相同的樣式,需要將CSS代碼復制到每個頁面的style標簽中,會造成代碼冗余,不利于代碼的管理。
一個解決辦法是將CSS代碼寫在一個外部文件中,在HTML文件中使用link標簽引入。這個方式我們后面再來介紹。
上一篇mysql 聚合優化