在HTML文檔中,我們可以使用CSS樣式對網頁進行美化,然而要讓HTML文檔正確應用CSS文件,需要確定CSS文件的路徑。下面是如何定義CSS文件路徑的示例:
<!DOCTYPE html> <html> <head> <title>網頁標題</title> <link rel="stylesheet" href="/css/style.css"> </head> <body> <p>這是一個段落。</p> </body> </html>
在上述代碼中,<link>
標簽被用來將CSS文件鏈接到HTML文檔中。屬性rel
定義鏈接的文檔類型,href
屬性定義文檔的路徑。
在這個例子中,CSS文件位于根目錄下的/css/
文件夾內,文件名為style.css
,因此使用了"/css/style.css"
作為CSS文件的路徑。
路徑的定義方式有兩種:相對路徑和絕對路徑。
相對路徑是相對于當前HTML文檔的路徑。例如,如果當前文件夾包含/css/style.css
文件,那么可以把路徑設置為"../css/style.css"
來引用它。
絕對路徑是從服務器根目錄開始的完整路徑。例如,在服務器根目錄下有/css/style.css
文件,可以把路徑設置為"/css/style.css"
來引用它。