CSS 属性 赋值方式
时间: 2024-02-14 20:15:48 浏览: 31
CSS属性可以通过以下三种方式进行赋值:
1. 内联样式:在HTML标签的style属性中直接赋值,如下面的例子:
```
<div style="color: red; font-size: 16px;">这是一个红色字体的div元素</div>
```
2. 嵌入式样式:在HTML文件的head标签中使用<style>标签定义样式,如下面的例子:
```
<head>
<style>
div {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<div>这是一个红色字体的div元素</div>
</body>
```
3. 外部样式表:将CSS代码单独存放在一个.css文件中,然后在HTML文件中使用<link>标签引入,如下面的例子:
```
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="red-font">这是一个红色字体的div元素</div>
</body>
```
styles.css文件中的代码如下:
```
.red-font {
color: red;
font-size: 16px;
}
```
在这种方式中,要给元素赋值,需要使用类名或ID名进行选择器选择。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)