CSS樣式大全表對于前端開發人員來說是非常重要的資源,它涵蓋了各種CSS屬性和值,幫助開發人員更快、更便捷地完成頁面樣式設計。
/* 文本樣式 */ color: #000000; /*文字顏色*/ font-size: 16px; /*文字大小*/ font-weight: bold; /*文字加粗*/ font-style: italic; /*文字斜體*/ text-align: center; /*文字居中*/ text-decoration: underline ; /*下劃線*/ text-indent: 2em; /*首行縮進*/ line-height: 1.5; /*行高*/ /* 背景樣式 */ background-color: #ffffff; /*背景顏色*/ background-image: url(image/bg.jpg); /*背景圖片*/ background-size: cover; /*圖片自適應*/ background-repeat: no-repeat; /*背景重復*/ background-position: center center; /*背景位置*/ /* 盒子樣式 */ width: 100px; /*盒子寬度*/ height: 100px; /*盒子高度*/ margin: 0 auto; /*盒子居中*/ padding: 10px; /*盒子內邊距*/ border: 1px solid #000000; /*盒子邊框*/ /* 鏈接樣式 */ a:link {color: #000000; /*未訪問鏈接顏色*/ } a:visited { color:#ff0000; /*已訪問鏈接顏色*/ } a:hover { color:#00ff00; /*鼠標懸停鏈接顏色*/ } /* 清除樣式 */ *{ margin:0; padding:0;} /*去除所有盒子內外邊距*/
以上只是CSS樣式大全表的一小部份,還有很多其他常用的CSS屬性和值可以使用。在開發過程中,我們可以根據需要查詢CSS樣式大全表,幫助我們更快更有效地完成頁面設計,提升開發效率。