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 @   夫君  阅读(74)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示