css样式添加的方式
作为前端开发者，CSS的运用已成为我们日常开发中不可缺少的一部分。所谓的CSS就是层叠样式表（Cascading Style Sheets）的缩写，简单来说就是用来美化页面样式的一种语言。那么，在编写CSS样式时，有哪些添加方式呢？下面介绍一下：
1. 内联样式：<br>
直接在标签中使用“style”属性来添加样式。<br>
<div style="color:red; font-size:20px;">这是一个div标签</div><br><br>
2. 内部样式表：<br>
在HTML文件的头部使用“style”标签，将CSS样式写在其中。<br>
<head><br>
<style type="text/css"><br>
p {color:blue; font-size:18px;}<br>
</style><br>
</head><br>
<body><br>
<p>这是一个段落</p><br>
</body><br><br>
3. 外部样式表：<br>
在HTML文件的头部使用“link”标签来引用外部CSS文件。<br>
<head><br>
<link rel="stylesheet" type="text/css" href="style.css"><br>
</head><br>
<body><br>
<p>这是一个段落</p><br>
</body><br><br>
4. 导入样式表：<br>
在HTML文件的头部使用“style”标签中的“@import”语句，导入外部CSS文件。<br>
<head><br>
<style type="text/css"><br>
@import url(style.css);<br>
</style><br>
</head><br>
<body><br>
<p>这是一个段落</p><br>
</body><br><br>
5. 使用JS动态添加样式表：<br>
在JavaScript中使用“document.write()”方法来写入样式内容。<br>
<head><br>
<script type="text/javascript"><br>
document.write('<style type="text/css"> p {color:green; font-size:16px;} </style>');<br>
</script><br>
</head><br>
<body><br>
<p>这是一个段落</p><br>
</body><br>以上就是CSS样式添加的几种方式，开发者可以根据具体需求选择合适的方式进行添加。虽然五种方式各有优缺点，但总体来说外部样式表是最常用的一种方式，能够有效提高CSS样式的复用性和维护性。