素材巴巴 > 程序开发 >

CSS3快速入门:一、三种CSS导入方式

程序开发 2023-09-20 08:20:04

三种CSS导入方式

按照CSS样式书写的位置(或者引入的方式),CSS样式表可以分为以下三大类:

三者之间的优先级:内联样式>内部样式>外部样式

CSS系列文章目录

  1. CSS3快速入门:一、三种CSS导入方式
  2. CSS3快速入门:二、CSS选择器
  3. CSS3快速入门:三、美化网页
  4. CSS3快速入门:四、盒子模型
  5. CSS3快速入门:五、浮动
  6. CSS3快速入门:六、定位

文章目录

1.外部样式表

外部样式表包括链接式和@import导入式两种,之间的优先级遵循就近原则,其特点如下:

  1. css保存在.css文件中
  2. 在HTML中使用标签或@import导入

链接式的特点:

  1. 属于XHTML,无兼容问题
  2. 优先加载CSS文件到页面

导入式@import的特点:

  1. 属于CSS2.1,低版本的浏览器不支持
  2. 先加载HTML结构再加载CSS文件。

2.内部样式表

内部样式表的特点:

  1. 不适用外部css文件
  2. 将css放在HTML中标签的

    标题

    这是一个普通的段落。

    这更是一个普通的段落。

    .css

    @charset "utf-8";
     /* CSS Document */
     h1{background: #F4F924;
     }
     p{background: #10E90E;
     }
     

    网页
    在这里插入图片描述


标签:

上一篇: Nodejs的包管理器:npm与yarn 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。