CSS中公共類名是指可以在同一頁面中多次使用的類名,通常用于樣式的復用和統(tǒng)一管理。使用公共類名可以減少代碼重復,提高代碼的可維護性和可拓展性。
/* 定義一個公共類名為text-center */ .text-center { text-align: center; }
上面的代碼定義了一個公共類名為.text-center,可以讓多個元素實現(xiàn)居中對齊。可以在html元素中用class屬性引用此類名:
這是居中對齊的文本
另外,公共類名也可以用于定義共同的樣式,如文字大小、顏色等。比如,可以定義一個共同的字體大小為14px的類名:
/* 定義一個公共類名為font-size-14 */ .font-size-14 { font-size: 14px; }
這樣,在同一頁面中需要使用14px字體大小的元素就可以使用該公共類名,避免重復定義樣式:
這是14px字體大小的文本
可以看到,使用公共類名可以簡化代碼的書寫,提高代碼的可讀性和可維護性。但在使用時也要注意,不要濫用公共類名,避免類名的命名不當導致沖突和混亂。