CSS中的URL 在CSS中，URL是一個非常重要的概念。它體現在在CSS文件中通過URL引入外部資源，如圖片、字體、音頻等，以及在CSS中通過屬性值使用URL，如background-image等。 引入外部資源 在CSS文件中通過URL引入外部資源，通常是在background-image、list-style-image、cursor等屬性中。例如，在CSS中定義一個body元素的背景圖片： ```CSS body { background-image: url("background.jpg"); } ``` 這里的URL指向一個名為“background.jpg”的圖片文件。CSS文件和圖片文件通常存放在同一目錄下，但URL也可以是相對路徑或絕對路徑。 相對路徑是相對于CSS文件所在的目錄，而絕對路徑則是完整的URL地址，通常是通過HTTP協議獲取遠程文件。例如： ```CSS body { background-image: url("../images/background.jpg"); } ``` 這里的URL指向CSS文件上層的“images”目錄下的“background.jpg”文件。 使用URL屬性值 在CSS中，URL也可以用于屬性值，如background、list-style等。例如，在CSS中使用font-face定義自定義字體： ```CSS @font-face { font-family: "MyFont"; src: url("MyFont.ttf") format("truetype"); } ``` 這里的URL指向一個名為“MyFont.ttf”的字體文件，通過format屬性指定字體格式。這樣，可以在CSS中使用“MyFont”字體： ```CSS p { font-family: "MyFont", serif; } ``` 這里的“serif”是一個通用字體，當“MyFont”字體無法加載時，將使用“serif”代替。 總結 在CSS中，URL是一個非常重要的概念，它可以引入外部資源，如圖片、字體、音頻等，以及用于屬性值，如background、list-style等。熟練掌握URL的使用方法，將有助于提高CSS編程效率。