CSS樣式的添加方法
CSS(層疊樣式表)是一種用于描述HTML文檔樣式的計(jì)算機(jī)語(yǔ)言,在HTML文檔中,可以通過(guò)以下方式添加CSS樣式:
1、內(nèi)聯(lián)樣式:在HTML元素中使用style
屬性直接添加CSS樣式。
```html
<p style="color: red;">這是一段紅色的文本。</p>
```
2、內(nèi)部樣式表:在HTML文檔的<head>
部分使用<style>
標(biāo)簽添加CSS樣式。
```html
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>這是一段紅色的文本。</p>
</body>
```
3、外部樣式表:創(chuàng)建一個(gè)單獨(dú)的CSS文件,并在HTML文檔的<head>
部分使用<link>
標(biāo)簽引用該CSS文件。
```html
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>這是一段根據(jù)styles.css文件定義的文本。</p>
</body>
```
在CSS文件中,可以定義各種樣式規(guī)則,例如顏色、字體、布局等,這些規(guī)則會(huì)應(yīng)用到HTML文檔中的對(duì)應(yīng)元素上。
- 內(nèi)聯(lián)樣式:直接在HTML元素中添加樣式。
- 內(nèi)部樣式表:在HTML文檔的<head>
部分使用<style>
標(biāo)簽添加樣式。
- 外部樣式表:創(chuàng)建CSS文件并在HTML文檔的<head>
部分使用<link>
標(biāo)簽引用。
通過(guò)這些方法,可以靈活地給HTML文檔添加各種CSS樣式,實(shí)現(xiàn)豐富的頁(yè)面效果。