CSS外部CLASS指的是在HTML文檔中定義樣式,但是將樣式定義在一個單獨的.css文件中,并在HTML中引用此文件。這種方式可以使得多個網頁共用同一個.css文件,達到代碼重用的效果。
定義CSS外部CLASS的方法非常簡單。首先,在.css文件中定義樣式:
.text { font-size: 16px; color: #333; line-height: 1.5; }
然后,在HTML文檔中引用這個樣式:
<link rel="stylesheet" href="style.css"> <p class="text">這是一段使用外部CLASS的文字。</p>
在上面的例子中,<link>標簽用于引用名為"style.css"的.css文件。而<p>標簽則使用"class"屬性來指定要應用的樣式。在這里,我們將其設置為"text",這樣這段文字就會應用在樣式表中定義的樣式。
通過使用CSS外部CLASS,我們可以提高代碼的可維護性和復用性。修改樣式時只需要修改.css文件,就可以在所有引用此文件的網頁上生效。此外,也可以在一個.css文件中定義多個樣式,從而使得多個元素共用同一個樣式,減少代碼冗余。
下一篇css外邊距離多少正常