内联样式

  在标签内使用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;
    .....    
}

选择器:筛选具有相似的特征的元素
注意:
  每一个对属性需要使用;隔开,最后一对可以不加
posted on 2022-08-01 17:05  淤泥不染  阅读(23)  评论(0编辑  收藏  举报