CSS,全稱為層疊樣式表(Cascading Style Sheets),是用于定義網頁設計樣式的語言。CSS通過選擇器來定位網頁中的元素,然后為這些元素添加樣式。在CSS中,有一些重點執行的屬性可以讓你的網頁更加美觀,下面我們就來了解一下。
/*字體*/ font-size: 16px; /*字號*/ color: #333333; /*字體顏色*/ font-family: "Microsoft YaHei"; /*字體類型*/ /*背景*/ background-color: #F5F5F5; /*背景顏色*/ background-image: url("xxx.jpg"); /*背景圖片路徑*/ background-repeat: no-repeat; /*是否重復*/ background-position: center center; /*背景圖片位置*/ /*盒子*/ width: 100px; /*盒子寬度*/ height: 100px; /*盒子高度*/ border: 1px solid #CCCCCC; /*邊框*/ border-radius: 5px; /*圓角*/ box-shadow: 0 0 10px rgba(0,0,0,.3); /*陰影*/ /*布局*/ position: absolute; /*定位方式*/ top: 50%; /*距離頂部的位置*/ left: 50%; /*距離左邊的位置*/ margin-top: -50px; /*負的高度一半*/ margin-left: -50px; /*負的寬度一半*/ /*動畫*/ animation: name duration timing-function delay iteration-count direction; /*動畫屬性*/
以上就是CSS中的重點執行屬性。當然,CSS還有很多其他屬性,你可以根據需要來使用。同時,你也可以通過在這些屬性中加入自己的樣式,來打造更加獨特的網頁設計。