CSS与HTML结合方式和CSS语法格式

3. CSS的使用:CSS与html结合方式
  1. 内联样式
    * 在标签内使用style属性指定css代码
    * 如:<div style="color:red;">hello css</div>
  2. 内部样式
    * 在head标签内,定义style标签,style标签的标签体内容就是css代码
    * 如:
      <style>
        div{
          color:blue;
      }
    </style>
    <div>hello css</div>
3. 外部样式
  1. 定义css资源文件。
  2. 在head标签内,定义link标签,引入外部的资源文件
  * 如:
    * a.css文件:
      div{
        color:green;
      }
    <link rel="stylesheet" href="css/a.css">
    <div>hello css</div>
    <div>hello css</div>

* 注意:
  * 1,2,3种方式 css作用范围越来越大
  * 1方式不常用,后期常用2,3
  * 3种格式可以写为:
    <style>
      @import "css/a.css";
    </style>

4. css语法:
  * 格式:
    选择器 {
      属性名1:属性值1;
      属性名2:属性值2;
      ...
    }
  * 选择器:筛选具有相似特征的元素
  * 注意:
    * 每一对属性需要使用;隔开,最后一对属性可以不加;

 

posted @ 2022-10-22 10:37  夫君  阅读(79)  评论(0)    收藏  举报