内联样式
在标签内使用style属性指定css代码
如<div style = "color:red"> hello css </div>
内部样式
在head标签内部,定义style标签,style标签的标签题内容css代码
如:
<style>
div{
color: blue;
}
</style>
<div> hello css</div>
外部样式
定义css资源文件
在head标签内部,定义link标签,引入外部资源
<div> hello css</div>
<link rel="stylesheet" href="css/a.css">
div{
color: aqua;
}
注意:
1,2,3种方式 css作用范围越来越大
1方式不常用,后期唱 2,3
3种格式可以写为
<style>
@import "css/a.css";
</style>
css语法格式
格式:
选择器:{
属性名1:属性值1;
属性名2:属性值2;
.....
}
选择器:筛选具有相似的特征的元素
注意:
每一个对属性需要使用;隔开,最后一对可以不加