CSS3是層疊樣式表(Cascading Style Sheets)的第三個(gè)版本,是一種用于網(wǎng)頁(yè)設(shè)計(jì)的樣式表語(yǔ)言。它是CSS的最新版本,引入了許多新的功能以及強(qiáng)大的特性,其中包含了許多新增的東西。
下面是一些CSS3新增的常用功能:
/* border-radius 圓角邊框 */ .example { border-radius: 10px; } /* box-shadow 盒子陰影 */ .example { box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); } /* text-shadow 文字陰影 */ .example { text-shadow: 1px 1px 1px #000; } /* transform 變形 */ .example { transform: rotate(45deg) translateY(20px); } /* transition 過(guò)渡動(dòng)畫 */ .example { transition: all 0.3s ease; } /* @media 媒體查詢 */ @media screen and (max-width: 600px) { .example { font-size: 14px; } }
以上是CSS3中新增的一些功能,這些特性可以實(shí)現(xiàn)更豐富多彩的頁(yè)面設(shè)計(jì)效果,使網(wǎng)頁(yè)設(shè)計(jì)師有更多的創(chuàng)作空間和更多的自由度。