HTML5是一種新一代的網頁標準,可以提供更加豐富的網頁體驗。在HTML5中,CSS(層疊樣式表)也得到了很大的改進與支持。
/* 使用CSS的方式 */
.類名 {
屬性:值;
}
#id名 {
屬性:值;
}
元素名 {
屬性:值;
}
在CSS中,可以使用類名,id名和元素名等方式來定義樣式。在HTML5中的CSS寫法與之前版本并沒有太大的不同。下面介紹一下基本的寫法。
/* 定義類名 */
.className {
屬性:值;
}
/* 定義id名 */
#idName {
屬性:值;
}
/* 定義元素名 */
元素名 {
屬性:值;
}
通過這種方式,我們可以定義不同的樣式,根據需要將其應用到頁面上的元素中。下面再介紹一下CSS的屬性。
/* 定義顏色 */
color: red;
/* 定義字體大小 */
font-size: 16px;
/* 定義背景顏色 */
background-color: #fff;
/* 定義文本對齊方式 */
text-align: center;
/* 定義邊框 */
border: 1px solid #000;
/* 定義內邊距 */
padding: 10px;
/* 定義外邊距 */
margin: 10px;
以上是基本的CSS屬性,當然還有很多其他的屬性,可以根據需要靈活運用。使用CSS樣式可以讓網頁更有美感,同時也可以提高用戶的體驗。
上一篇css屬性中可以畫圓
下一篇css展開選擇區域