(1)行内样式
元素上定义一个style属性,将样式写在元素style属性中
eg: <div style="color:red;">行内样式</div>
缺点:结构和样式没分离
代码的复用率低
优点:优先级高
(2)内联样式(常用)
在模板的head标签中定义一个style标签,将代码写在模板的head标签中的style标签中
eg: <style>
选择器{
color:red;
font-size:19px;
}
</style>
缺点:代码的复用率不高
优点:结构和样式可以分离
(3)外部样式
在外部定义一个后缀名为.css的文件,在html文档的head(头部)中,使用link标签引入
优点: 结构和样式可以分离
复用率提高