在網頁設計中,CSS是一種極為重要的樣式語言,它可以控制網頁上單個元素的樣式。以下是一些常見的CSS單個元素樣式屬性:
/*文字相關*/ color: #333; /*字體顏色*/ font-size: 16px; /*字體大小*/ font-style: italic; /*字體樣式*/ font-weight: bold; /*字體加粗*/ text-decoration: underline /*下劃線*/ text-align: center; /*居中對齊*/ line-height: 1.5; /*行高*/ /*背景相關*/ background-color: #f2f2f2; /*背景顏色*/ background-image: url("bg.png"); /*背景圖片*/ background-repeat: no-repeat; /*背景重復*/ background-size: cover; /*背景大小*/ /*邊框相關*/ border: 1px solid #ccc; /*邊框樣式*/ border-radius: 5px; /*邊框圓角*/ box-shadow: 1px 1px 3px #999; /*陰影*/ /*定位相關*/ position: relative; /*相對定位*/ top: 10px; /*上邊距為10個像素*/ /*動畫相關*/ animation: fade 1s ease-in-out; /*漸變動畫*/ /*樣式繼承*/ inherit; /*繼承父級元素樣式*/
以上CSS樣式可以通過設置單個元素的樣式屬性進行控制,同樣的CSS樣式屬性可以用于多個元素以實現整體的視覺效果。值得一提的是,CSS樣式具有優先級,如果沖突,較具體的樣式會覆蓋較為通用的樣式。
上一篇css 單選按鈕 圖片
下一篇css3旋轉風車特效