加載css文件的方法:1、使用“<link rel="stylesheet" type="text/css" href="css文件路徑" />”語句加載;2、使用“@import url("css文件路徑");”語句加載。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
方法1:通過link標簽加載
<link>標簽定義文檔與外部資源的關系,<link>標簽最常見的用途是鏈接樣式表。
在網頁的<head></head>標簽對中使用<link>標記可調用外部CSS文件。
語法格式:
<linkrel="stylesheet"type="text/css"href="css文件路徑"/>
對各個屬性的說明:
href 屬性設置外部樣式表文件的地址,可以是相對地址,也可以是絕對地址。
rel 屬性定義關聯的文檔,這里表示關聯的是樣式表。
type 屬性定義導入文件的類型,同 style 元素一樣,text/css表明為 CSS 文本文件。
說明:
這種方法會以網頁文件主體裝載前裝載CSS文件,因此顯示出來的網頁從一開始就是帶樣式的效果的,它不會象導入式那樣先顯示無樣式的網頁,然后再顯示有樣式的網頁。
方法2:通過@import方式加載
@import規則,用于從其他樣式表導入樣式規則,這些規則必須先于所有其他類型的規則。
使用@import命令用以把外部樣式表信息導入頁面中,它是存在于在<style>和</style>標記中的。
<styletype="text/css">@importurl("css文件路徑");</style>注:
使用@import引入CSS可以很方便的引入外部文件的CSS代碼,方便維護和規劃。但是每多引入一個CSS文件,就會對服務器增加一次連接請求,當訪問量較大時,需在維護性和性能上進行權衡。
使用@import方式加載會導致HTML頁面加載完成之后才會去加載CSS文件,也就是說在加載CSS文件之前,頁面是裸奔的,但是進入網站響應速度會更加快!
感謝各位的閱讀,以上就是“如何加載css文件”的內容了,經過本文的學習后,相信大家對如何加載css文件這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是本站,小編將為大家推送更多相關知識點的文章,歡迎關注!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
國美收購庫巴是怎么回事?早在2010年底，國美就斥資4800萬元購買了庫巴網股權80%的股份，2012年5月23日，它又花了1200萬元收購了庫巴網剩余的20%的股份，顯然，僅靠國美控股庫巴網，并不能滿足黃光裕的胃口。5月25日，國美宣布，黃光裕通過其國美銳動以7333萬元認購庫巴網股權和新銳美40%的股份。到目前為止，庫巴網和國美的網上購物中心已經形成了一個股權結構，國美持有60%的股份，黃光裕...
(資料圖片)隨著社會越來越發達，大家都選擇在網絡上汲取相關知識內容，比如請問北京哪里有室內水上樂園，為了更好的解答大家的問題，小編也是翻閱整理了相應內容，下面就一起來看一下吧！1、水立方嬉水樂園，地址：朝陽區北四環中路奧林匹克公園內。2、摩銳水世界，地址：朝陽區東葦路金盞郁金香花園。3、藍月爾水世界，地址：北京市豐臺區宋家莊路撲滿山對面首開福茂。4、英達海灘水世界，地址：北京市昌平區阿牛路富順六環...
(資料圖)隨著社會越來越發達，大家都選擇在網絡上汲取相關知識內容，比如微信小秘是個軟件嗎，為了更好的解答大家的問題，小編也是翻閱整理了相應內容，下面就一起來看一下吧！微信小秘現改名為微小秘，是由微秘書工作室自主研發的微信營銷軟件，且是一款高效的移動互聯網營銷工具?；诎沧肯到y的微信群發軟件，其精準、真實、在線互動的模式在國內處于領先位置。擁有完善的銷售管理體系和配套的售后服務網絡，剛上市就受到廣大...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）