樣式表是CSS中非常重要的一部分,通過樣式表可以對HTML文檔中的元素進行布局、字體樣式、顏色等方面的控制。下面介紹一些CSS樣式表的寫法。
/* 定義單個元素樣式 */ p{ font-size: 20px; color: #333333; } /* 同時定義多個元素樣式 */ h1, h2, h3{ font-weight: bold; color: #0088cc; } /* 為class定義樣式 */ .my-class{ background-color: #eee; padding: 10px; } /* 為id定義樣式 */ #my-id{ font-size: 24px; color: #ff0000; } /* 定義樣式的繼承 */ .parent{ color: #333333; } .child{ font-size: 16px; /* 繼承parent樣式 */ inherit: parent; }
樣式表的寫法需要注意選擇器,例如p表示選中所有
元素,#my-id表示選中ID為my-id的元素,.my-class表示選中class為my-class的元素,以此類推。通過樣式表的寫法,可以為頁面中的元素賦予不同的樣式,讓頁面更加美觀和易于閱讀。