在編寫 CSS 樣式表時，準確和清晰的屬性命名是非常重要的。這種面向屬性命名的方法被稱為 Semantic CSS（語義化的 CSS）。

Semantic CSS 不僅使 CSS 更易于維護和排錯，還可以提高代碼的可讀性和可復用性。使用語義化樣式表，使開發者可以清楚地了解樣式表的格式，而且可以更容易地更新或重構樣式表。

舉個例子：使用語義化命名的CSS類可用于不同類型的元素。如果描述了特定類型的元素，即使在文檔中添加新元素時，它的樣式也會自動應用。

.example {
font-size: 16px;
line-height: 1.5;
padding: 10px;
border: 1px solid #ccc;
}

請注意，該類用于任何類型的元素，不僅僅是某個特定的元素。它也可用于 HTML 語義元素以及自定義元素組件中。

此外， Semantic CSS 還可以增加樣式表的可讀性。在例子中，大小寫保持一致并采用單詞之間的連字符，是常見的 CSS 命名規則。

總的來說，為元素命名和指定且容易理解的語義樣式類可以提高代碼質量，并使更好的 標記文檔和樣式表的可維護性。了解一些最佳實踐和常見規則可以使您編寫出更好的代碼。