p{ color: red; }
CSS样式主要分为三大类:内联样式、嵌入式样式和外部样式。
1. 内联样式
p{ background-color: pink; font-size: 16px; }
内联样式是指在HTML标签内部通过style属性设置的样式。例如:
<p>这是一个蓝色的段落</p>
内联样式优点是易于修改,缺点是不利于维护和管理,同时也会增加HTML代码的复杂度。
2. 嵌入式样式
p{ color: green; }
嵌入式样式是指在HTML文档里的head标签内通过style标签设置的样式。例如:
<head> <style> p{ font-size:22px; } </style> </head>
嵌入式样式的优点是可维护性强,缺点是只能作用于当前文档。
3. 外部样式
外部样式是指将CSS样式代码写入外部CSS文件,通过link标签引入到HTML文档中。例如:
<link rel="stylesheet" type="text/css" href="style.css">
外部样式的优点是使得HTML代码和CSS代码分离,易于维护和管理,同时也能够实现样式的统一管理和共享。
综上所述,CSS样式的类型有内联样式、嵌入式样式和外部样式。它们各自有优缺点,应根据项目实际需求选择合适的方式。