在html中使用css,请看以下三种样式:
一、行内样式
将样式写在元素的style属性中
<div style = ' color : red ; font-size : 22px ; '>
缺点:结构和样式没有分离
代码的复用率抵
优点:优先级高
二、内联样式
将代码写在head标签中的style标签中
<style>
选择器 {
color:red,
font-size:20px;
}
<style>
缺点:代码的复用率不高
优点:结构和样式可以分离
三、外部样式
在外部定义一个后缀名为 . css的文件,在head中使用link标签引入
优点:结构和样式可以分离
复用率提高