css相关基础

本文详细介绍了CSS的三种导入方式:行内、内联和外联,以及@import和link的区别。解析了它们的加载机制和优先级,为网页开发者提供全面的CSS应用指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • css的导入方式

行内:直接在标签内部写样式。

<!--行内样式-->

<p style="background: green;">我是一个P标签,我是一个P标签,我是一个P标签,我是一个P标签</p>

<p style="background: green;">我是一个P标签,我是一个P标签</p>

内联:用style标签包括,在head内的样式

外联:引入外部css,可以引入多个css文件

下面了解:

@import url(“url”)一般写在要要导入css的第一行,否则有的浏览器会忽略。

优先级:(!import>)行内>内联>外联(>@import)

(!import谨慎使用,一般不用)

<link>

        1、属于XHTML

        2、优先加载CSS文件到页面

    @import

        1、属于CSS2.1

        2、先加载HTML结构在加载CSS文件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值