CSS中src和url的作用 在CSS中，src和url是兩個常見的屬性和函數。雖然它們都用于引用外部資源，但它們具有不同的作用。 src屬性通常用于引入圖像或媒體文件，比如：

p {
background-image: url("example.jpg");
}

在這個例子中，p元素的背景圖像被設置為example.jpg。注意，這里使用的是url()函數，而不是普通的字符串。url()函數表示引用一個外部文件，其中參數是文件的相對或絕對路徑。 除了background-image屬性，還有其他一些屬性可以使用src屬性，比如img標簽的src屬性，以及video和audio標簽的source屬性。 相反地，url函數通常用于引入外部樣式表或字體文件，比如：

@font-face {
font-family: "example font";
src: url("fonts/example.ttf");
}

在這個例子中，通過@font-face語法定義了一個字體。src屬性指定了字體文件的路徑，這里使用的是相對路徑。注意，在CSS中，@font-face實際上并不存在于任何元素內，它是一個CSS規則。 除了@font-face規則，鏈接標簽和導入規則@import也可以使用url函數。 總結 在CSS中，src屬性用于引入圖像或媒體等文件，url函數用于引入樣式表或字體等文件，兩者雖然有些相似，但作用不同。正確使用它們可以使CSS的編寫更加簡單和可靠。