Java前端:CSS——3种导入方式

本文介绍了CSS的三种导入样式:行内样式、内部样式和外部样式,特别是外部样式的链接式和导入式。链接式在页面加载时会等待所有样式表加载完毕再展示,适合大网页以避免先显示无样式的结构。导入式则先显示内容再渲染样式,可能造成页面先呈现骨架。通常,行内样式优先级最高,然后是内部样式和外部样式。

CSS的3种导入方式

行内样式

,在标签元素中,编写一个style属性
例如:

<h1 style="color: red"></h1>

内部样式

在html文件里面使用style包括起来

外部样式

  1. 链接式
<link rel="stylesheet" href="css/style.css">
  1. 导入式(CSS2.0):
<style>
	@import url("xxxx.css");
</style>

一般都用链接式原因:
链接式全部弄完再展现,而导入式先展现结构,然后渲染,在一些大网页中可能会先出现骨架,在变得好看

三种导入方式优先级:就近原则,最优先的一定是行内样式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值