HTML 引用 CSS 的路徑寫法有多種,以下是一些常見的寫法:
1、相對(duì)路徑:CSS 文件和 HTML 文件在同一個(gè)目錄下,可以直接寫 CSS 文件的名稱,如果 HTML 文件和 CSS 文件都在同一個(gè)文件夾下,可以這樣寫:
<link rel="stylesheet" href="style.css">
2、***路徑:CSS 文件在 HTML 文件的上一層目錄下,需要寫上一級(jí)目錄的名稱,如果 HTML 文件在pages
文件夾下,CSS 文件在css
文件夾下,可以這樣寫:
<link rel="stylesheet" href="../css/style.css">
3、域名路徑:CSS 文件和 HTML 文件不在同一個(gè)域名下,需要寫 CSS 文件所在的域名,如果 HTML 文件在canthisbe.com
域名下,CSS 文件在www.example2.com
域名下,可以這樣寫:
<link rel="stylesheet" href="http://www.example2.com/css/style.css">
4、URL路徑:CSS 文件和 HTML 文件不在同一個(gè)目錄下,且不在同一個(gè)域名下,需要寫 CSS 文件所在的域名和目錄,如果 HTML 文件在canthisbe.com
域名下,CSS 文件在www.example2.com
域名的css
目錄下,可以這樣寫:
<link rel="stylesheet" href="http://www.example2.com/css/style.css">
路徑的寫法要根據(jù)實(shí)際情況來決定,確保路徑的正確性,如果 CSS 文件和 HTML 文件在同一個(gè)域名下,建議使用相對(duì)路徑或***路徑來引用 CSS 文件,以提高頁面的加載速度和穩(wěn)定性。