CSS3是最新的CSS標(biāo)準(zhǔn),包含了許多新的樣式和特性可以用來(lái)設(shè)計(jì)網(wǎng)站。下面是CSS3中全部的樣式和屬性:
屬性名稱 屬性值 描述 color color 設(shè)置文字顏色 background-color color 設(shè)置背景顏色 border width style color 設(shè)置邊框 border-radius radius 設(shè)置邊框圓角 box-shadow h-shadow v-shadow blur spread color inset 設(shè)置盒子陰影 text-shadow h-shadow v-shadow blur color 設(shè)置文字陰影 font-size size 設(shè)置文字大小 font-family font 設(shè)置文字字體 text-transform uppercase/lowercase/capitalize 設(shè)置文字轉(zhuǎn)換大小寫 text-decoration none/underline/overline/line-through 設(shè)置文字裝飾 text-align left/center/right 設(shè)置文字對(duì)齊方式 vertical-align top/middle/bottom 設(shè)置垂直對(duì)齊方式 line-height size 設(shè)置行高 padding padding 設(shè)置盒子內(nèi)邊距 margin margin 設(shè)置盒子外邊距 width width 設(shè)置盒子寬度 height height 設(shè)置盒子高度 float left/right/none 設(shè)置浮動(dòng) position static/relative/absolute/fixed 設(shè)置定位 z-index number 設(shè)置層級(jí) opacity number 設(shè)置透明度 transition property duration timing-function delay 設(shè)置動(dòng)畫過(guò)渡 transform transform-function 設(shè)置2D/3D變換 transform-origin x-position y-position z-position 設(shè)置變換原點(diǎn)
這些樣式和屬性可以進(jìn)行組合使用,以實(shí)現(xiàn)更強(qiáng)大的設(shè)計(jì)效果。同時(shí),CSS3還擁有其他新特性,例如@font-face可以實(shí)現(xiàn)自定義字體加載,@media可以實(shí)現(xiàn)媒體查詢來(lái)適應(yīng)不同設(shè)備尺寸,flex布局可以更方便地進(jìn)行彈性盒子布局等等。