CSS引入的方式有哪些? link和@import的区别是?

CSS引入的方式有哪些?

①内联方式(很糟糕的书写方式)
直接在html标签中的style属性中添加css。
内联样式②嵌入方式
在html头部中的 < style >标签下书写css代码
嵌入方式
③链接方式
在html的头部的 < head > 标签中使用link引入外部的css文件。
链接方式最常见也是最推荐的引入css的方式,使用这种方式,所有的 CSS 代码只存在于单独的 CSS 文件中,所以具有良好的可维护性。并且所有的 CSS 代码只存在于 CSS 文件中,CSS 文件会在第一次加载时引入,以后切换页面时只需加载 HTML 文件即可。

④导入样式
导入方式指的是使用 CSS 规则引入外部 CSS 文件。
导入样式

link和@import的区别是?

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

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

区别3:link是XHTML标签,无兼容问题;@import兼容IE5以上

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值