CSS样式按照代码放置的位置不同可以划分为3种CSS样式
时间: 2024-03-01 11:51:10 浏览: 13
CSS样式按照代码放置的位置不同可以划分为3种CSS样式:
1. 行内样式(inline style):这种样式是写在HTML标签的style属性中的,只对当前标签有效。例如:
```html
<p style="color: red; font-size: 16px;">这是一个行内样式</p>
```
2. 内部样式表(internal style):这种样式是写在HTML文档头部的`<style>`标签中的,对整个HTML文档内的所有同名标签生效。例如:
```html
<head>
<style>
p {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<p>这是一个内部样式表</p>
<p>这也是一个内部样式表</p>
</body>
```
3. 外部样式表(external style):这种样式是写在单独的CSS文件中的,可以被多个HTML文档共享。在HTML文档中使用`<link>`标签将CSS文件引入即可。例如:
```html
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>这是一个外部样式表</p>
<p>这也是一个外部样式表</p>
</body>
```
需要注意的是,CSS样式的优先级顺序是:行内样式 > 内部样式表 > 外部样式表。如果有多个样式定义了同一个属性,就会按照这个顺序来决定最终生效的样式。