在html中使用css,有三种方法:行内样式、内联样式、外部样式
1.行内样式:行内样式可用于为单个元素应用唯一的样式。
将样式写在元素的style属性中,style 属性可包含任何 CSS 属性。
<div style='color:red;font-sian:20px;'>
缺点:1.结构和样式没有分离
2.代码的复用率低
优点:优先级高
2.内联样式:将代码写在head标签中的style标签中
<sytle>
选择器{
color:red;font—size:19px;
}
<style>
缺点:代码的复用率低
优点:结构和代码可以分离
3.外部样式:在外部定义一个后缀名.css的文件,然后在head中使用link标签引入
优点:1.结构和样式可以分离
2.复用率提高