CSS(層疊樣式表)是網(wǎng)頁制作中常用的一種樣式表語言。在 HTML 中,我們可以通過四種基本使用方法來添加 CSS 樣式。
1. 內(nèi)部樣式表:通過
<style>標簽可以在 HTML 文件中定義 CSS 樣式,這些樣式只在當前 HTML 頁面中生效。
<head> <style> body { background-color: #f4f4f4; } </style> </head> <body> <p>內(nèi)容</p> </body>
2. 外部樣式表:我們可以在 HTML 文件外部的一個 .css 文件中定義樣式,然后在 HTML 文件中引用這個樣式表文件,這些樣式可以被多個 HTML 頁面共用。
// style.css 文件中定義 body { background-color: #f4f4f4; } // HTML 文件中引用 <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>內(nèi)容</p> </body>
3. 內(nèi)聯(lián)樣式:可以直接在 HTML 元素中定義樣式,這些樣式只影響當前元素。
<p style="color: red;">內(nèi)容</p>
4. 繼承樣式:HTML 頁面中的某些元素會從其父元素繼承樣式,如果父元素有某些 CSS 屬性設(shè)置,那么子元素會繼承這些屬性。
<div style="font-size: 16px;"> <p>內(nèi)容</p> </div>
以上就是 CSS 樣式的四種基本用法。這些用法可以混合使用來實現(xiàn)更加復雜的樣式效果。
上一篇css樣式類字體
下一篇dw css 邊界 填充