我們經常使用CSS樣式來定義網站頁面的外觀和樣式。CSS樣式可以通過類、標簽和ID來定義和引用。以下是一些定義CSS樣式的基本方法:
/* 通過類定義CSS樣式 */ .my-class { color: blue; font-size: 16px; } /* 通過標簽定義CSS樣式 */ p { font-weight: bold; } /* 通過ID定義CSS樣式 */ #my-id { background-color: gray; padding: 10px; }
在HTML文檔中,我們可以將上述樣式應用到元素中。例如,在以下的例子中,我們將類樣式應用到一個div元素:
<div class="my-class"> 這是一個使用類樣式的div元素。 </div>
同樣地,我們也可以將標簽樣式應用到一系列的元素中:
<p>這是一個普通段落。</p> <p>這是另一個普通段落。</p>
最后,我們也可以使用ID樣式來定義一個唯一的元素樣式:
<div id="my-id"> 這是一個使用ID樣式的div元素。 </div>
總之,使用CSS樣式能夠讓我們輕松地定義和應用網站的樣式和外觀,從而提高整個網站的可讀性和可用性。