亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

淺談HTML文件引入外部CSS文件時(shí)路徑的寫法總結(jié)

  發(fā)布時(shí)間：2020-12-10 17:11:52   作者：陌桑181023   我要評(píng)論
這篇文章主要介紹了淺談HTML文件引入外部CSS文件時(shí)路徑的寫法總結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

一. 引入外部css文件的基本樣式

用< link>標(biāo)簽引入外部樣式表，其中通常要寫兩個(gè)屬性：

  • href屬性表示css文件的路徑
  • rel=“stylesheet” 描述了當(dāng)前頁(yè)面與href所指定文檔的關(guān)系.即說(shuō)明的是,href連接的文檔是一個(gè)新式表
<link href="style.css" rel="stylesheet" />

二 . 路徑的基本規(guī)則

/ 代表根目錄，慎用
…/ 代表上一級(jí)目錄
…/…/ 代表上兩級(jí)目錄
/… 代表下級(jí)目錄
/…/… 代表下兩級(jí)目錄

三 . 常見(jiàn)情況路徑寫法示例

1. index.html和style.css文件在同一文件夾

同一文件夾的情況

<link href="style.css" rel="stylesheet" />

2. css文件在與html文件同一文件夾的文件夾里

在這里插入圖片描述

<link href="c/style.css" rel="stylesheet" />

3. html的父文件夾和css文件的父文件夾在同一文件夾

如圖：a文件夾下有b文件夾和b2文件夾，style.css在b文件夾下的c文件夾里，index.html在b2文件夾里。

  • 此時(shí)寫路徑的思路是：找到index.html文件和style.css文件的共同父文件夾，從圖中看，是a文件夾。
  • 首先， 從index.html文件出發(fā)，即此時(shí)在b2文件夾，先找到a文件夾（b2文件夾的上一級(jí)目錄）即：…/
  • 然后再?gòu)腶文件夾中找到style.css文件，即：b/c/style.css
  • 組合在一起是：href="…/b/c/style.css"

在這里插入圖片描述

<link href="../b/c/style.css" rel="stylesheet" />

 到此這篇關(guān)于淺談HTML文件引入外部CSS文件時(shí)路徑的寫法總結(jié)的文章就介紹到這了,更多相關(guān)HTML引入外部CSS路徑內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論