我們經常在頁面中使用CSS樣式來美化網站。CSS樣式中有許多常用的標簽,下面我們一一來了解下它們的用法。
樣式代碼展示 p{ color:red; }
1. p標簽
在CSS中,p標簽用于設置段落文字的樣式,通過該標簽可以設置段落的字體、字號、顏色、行高、對齊方式等樣式。
樣式代碼展示 p{ font-size:16px; line-height:28px; text-align:center; }
2. h1 ~ h6標簽
h1 ~ h6標簽用于設置標題文字的樣式,在頁面設計中常用于設置重點信息的標題文字樣式。通過該標簽可以設置標題的字體、字號、顏色、行高等樣式。
樣式代碼展示 h1{ font-size:24px; color:#333; line-height:36px; }
3. div標簽
div標簽在頁面布局中經常使用,用于將頁面劃分成不同的區塊。通過該標簽可以設置區塊的寬度、高度、邊框、內邊距、外邊距等樣式。
樣式代碼展示 div{ width:600px; height:400px; border:1px solid #666; padding:20px; margin:10px; }
4. span標簽
span標簽用于設置小文本的樣式,通常用于標記單詞、關鍵詞等。通過該標簽可以設置文本的字體、字號、顏色等樣式。
樣式代碼展示 span{ font-size:12px; color:#f00; }
5. a標簽
a標簽用于設置鏈接文字的樣式,通過該標簽可以設置鏈接的字體、字號、顏色等樣式,也可以設置鏈接的背景、邊框、狀態等樣式。
樣式代碼展示 a{ font-size:14px; color:#00f; text-decoration:none; background:#eee; padding:10px 20px; }
以上就是CSS中常用的幾個標簽的用法,希望能對大家有所幫助。