随笔 - 384  文章 - 0  评论 - 0  阅读 - 13万

2.css的导入方式

三种导入方式:

1.行内样式:在标签元素中,编写一个style属性,编写样式即可。有多个以分号隔开

<h2 style="color: green">标题</h2>

2.内部样式:写在<head></head>里面

  <style>
        h2{
            color: red;
        }
    </style>

3.外部样式:新建一个style.css文件写样式

三种样式的优先级:就近原则,

行内样式  > 内部样式 > 外部样式

拓展知识: 外部样式的两种写法

  • 链接式
 <!--外部样式 -->
 <link rel="stylesheet" href="css/style.css">
  • 导入式:@importsCSS2.1所特有的!(渐渐不被使用)
 <!-- 导入式 -->
    <style>
        @import url("css/style.css");
    </style>

区别:(说法转自网页)

1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。

2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

4:link支持使用Javascript控制DOM去改变样式;而@import不支持

 

posted on   我不想一直当菜鸟  阅读(96)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示