編碼的世界 / 優質文選 / 生涯

html引入外部css的用法


2022年3月20日
-   

/ 代表根目錄,慎用 ../ 代表上一級目錄 ../../ 代表上兩級目錄 /.. 代表下級目錄 /../.. 代表下兩級目錄
標准寫法: 
同級 直接引用文件名 
<link rel="stylesheet" type="text/css" href="theme0.css" />
下級 同級目錄/下級目錄/文件名 
<link rel="stylesheet" type="text/css" href="css/theme0.css" />
html代碼引用外部css文件時若css文件在本文件的父目錄下的其他目錄下,可使用絕對路徑。此時路徑要寫為  “ / ”形式,如在tomcat下建立一個test文件,在該文件中建立兩個文件 夾as與css,在as下建立一個html文件,在css文件夾下建立一個css文件test.css,若html文件想要引用css文件夾下的css文件,則引用格式為 <link rel="stylesheet" href="/test/css/test.css"> ,這種方法僅在tomcat下嘗試有效,其他地方我嘗試了一下發現沒有效果在不使用tomcat服務器,僅雙擊打開html文件時,若要鏈接其它目錄的css文件,路徑要追溯到html文件與css文件的共同根節點的父節點。比如:文件夾a下建立一個文件夾b,b下建立文件夾ht與css,ht中建立一個html文件,css下有一個css文件d.css,當html文件引用css文件時,引用格式為<link rel="stylesheet" href="/a/b/css/d.css">

熱門文章