本文小編為大家詳細介紹“怎么用@import引入CSS文件”,內容詳細,步驟清晰,細節處理妥當,希望這篇“怎么用@import引入CSS文件”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
@import url (url) sMedia ;
注明:
url : 運用相對于或相對地點指定導入的內部花色表文件。至關于link引入CSS文件。(理解link與@import判袂和如何決意)
第一種:html源代碼(html文件里)直接引入外部花色表CSS文件
html文件index.html代碼: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>import使用實例 www.CSS5.com </title> <style> @import url(images/style.css); </style> </head> <body> <span class="wai">CSS5實例測試內容</span> </body> </html>
images文件夾里style.css文件代碼:
@charset "utf-8"; /* CSS5 - css5.com.cn */ .wai{ color:#F00}
成效:
以上可以瞥見在HTML代碼中使用@import是需要運用style標簽。
小結:要在HTML源代碼直接使用@import引入內部CSS名堂表文件,必要將@import放入<style>標簽才智得勝,就像HTML直接寫CSS代碼也需要style標簽。
第二種:CSS文件代碼中運用@import引入其它一個CSS文件
除了HTML源代碼中應用style標簽來運用@import,在CSS文件代碼中仍然可使用@import,這個時刻就不緊要style標簽,而是直接運用@import即可,如許便可實現一個(多個)CSS文件中引入套入此外一個(多個)CSS文件。
讀到這里,這篇“怎么用@import引入CSS文件”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。