首页前端开发CSS@import引入CSS文件

@import引入CSS文件

时间2024-05-23 07:56:03发布访客分类CSS浏览100
导读:@import url (url sMedia ; 注明: url : 运用相对于或相对地点指定导入的内部花色表文件。至关于link引入CSS文件。(理解link与@import判袂和如何决意) css @import使用常用两种办法...

@import url (url) sMedia ;

注明:
url : 运用相对于或相对地点指定导入的内部花色表文件。至关于link引入CSS文件。(理解link与@import判袂和如何决意)

css @import使用常用两种办法

第一种:html源代码(html文件里)直接引入外部花色表CSS文件

html文件index.html代码:




import使用实例 www.CSS5.com 

@import url(images/style.css);
    



CSS5实例测试内容


images文件夹里style.css文件代码:

@charset "utf-8";

/* CSS5 - css5.com.cn */
.wai{
 color:#F00}
    

成效:


使用@import成功引入内部CSS文件

以上可以瞥见在HTML代码中使用@import是需要运用style标签。

小结:要在HTML源代码直接使用@import引入内部CSS名堂表文件,必要将@import放入标签才智得胜,就像HTML直接写CSS代码也需要style标签。

第二种:CSS文件代码中运用@import引入其它一个CSS文件

除了HTML源代码中应用style标签来运用@import,在CSS文件代码中仍然可使用@import,这个时刻就不紧要style标签,而是直接运用@import即可,如许便可实现一个(多个)CSS文件中引入套入此外一个(多个)CSS文件。


CSS代码中直接运用@import引入其他一个CSS文件

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: @import引入CSS文件
本文地址: https://pptw.com/jishu/666171.html
left小实例 java jframe类的功能有哪些

游客 回复需填写必要信息