CSS屬性是前端開發(fā)中不可或缺的一部分,通過設置不同的屬性和屬性值,我們可以用CSS樣式為網(wǎng)頁設計各種效果。下面是一些常見的CSS屬性及其取值。
/**文字屬性**/ color: #666; /* 設置文字顏色 */ font-size: 16px; /* 設置字號 */ font-weight: bold; /*設置字體粗細程度 */ font-style: italic; /*設置字體樣式為斜體 */ text-align: center; /*文字對齊方式,可以是left、center或right */ /**背景屬性**/ background-color: #f5f5f5; /* 設置背景顏色 */ background-image: url("bg.jpg"); /* 設置背景圖片 */ background-repeat: no-repeat; /* 圖片不重復 */ background-position: center center; /* 圖片居中 */ /**邊框屬性**/ border: 1px solid #666; /* 設置邊框,注意順序:寬度 樣式 顏色 */ border-radius: 5px; /* 設置邊框圓角 */ /**盒子布局屬性**/ width: 200px; /* 設置盒子寬度 */ height: 200px; /* 設置盒子高度 */ margin: 10px auto; /* 盒子居中,垂直方向10px,水平方向自動 */ padding: 10px; /* 盒子內邊距為10px */ /**變形屬性**/ transform: rotate(45deg); /* 將元素旋轉45度 */ transition: all 0.3s ease; /* 設置動畫過渡時間為0.3s,動畫效果為緩慢 */
以上是一些常見的CSS屬性及其取值,當然還有很多屬性和取值不在此列,需要我們根據(jù)實際需求來添加和使用。同時,我們也需要注意屬性值的大小寫問題,一些屬性值不區(qū)分大小寫,但有些則區(qū)分。