CSS（Cascading Style Sheets）樣式表是網頁設計和排版的重要組成部分，它可以使用在任何的HTML元素上，其中最常見的應該就是
標簽了。那么我們就來看看如何使用CSS樣式表來對
元素進行樣式設置。
首先，我們需要先在HTML文檔中創建一個
元素，如下所示：
<div>Content goes here</div>
接著，我們可以使用CSS樣式表來為這個
元素添加樣式，例如，我們可以設置它的邊框，定位以及背景顏色：
<style>
div{
border: 1px solid #000;
position: relative;
background-color: #FFF;
}
</style>在上述代碼中，我們使用了div選擇器來為所有的
元素添加樣式，使用了border、position和background-color屬性來設置邊框、定位和背景顏色。
但是如果我們要為HTML文檔中的多個
元素分別設置不同的樣式，我們該怎么辦呢？這時候我們就需要使用到為每個
元素指定一個類或id值，然后在CSS樣式表中為每個類或id值添加不同的樣式了。例如，我們可以為HTML文檔中的兩個
元素分別指定一個類名，并分別在CSS樣式表中為它們設置不同的樣式，如下所示：
<div class="box1">Content goes here</div>
<div class="box2">Content goes here</div>
<style>
.box1{
border: 1px solid #000;
position: relative;
background-color: #FFF;
}
.box2{
border: 2px dashed #F00;
position: absolute;
top: 50px;
left: 50px;
background-color: #EEE;
}
</style>在上述代碼中，我們分別為box1和box2兩個
元素設置了不同的樣式，使用了類名來為它們添加樣式。
總的來說，使用CSS樣式表為
元素添加樣式非常簡單，我們只需要了解基本的CSS屬性和選擇器即可。同時，我們可以根據需要創建多個類或id值，并為它們分別設置不同的樣式。希望本篇文章對初學者有所幫助。
上一篇css樣式 高度自動填充
下一篇css樣式i代表什么意思