CSS3是Cascading Style Sheets(層疊樣式表)的第三個(gè)版本,比起前兩個(gè)版本具有更多的選擇器和屬性,可以更靈活、更精細(xì)地控制頁面的樣式。
在CSS3中,font-family屬性用于設(shè)置字體的種類,font-size可以設(shè)置字體的大小,font-weight可以設(shè)置字體的粗細(xì)程度,font-style可以設(shè)置字體的風(fēng)格(如斜體)。
p { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; font-style: italic; }
除此之外,CSS3還添加了一個(gè)新的屬性——transform。這個(gè)屬性可以實(shí)現(xiàn)元素的變形效果,其中,拉升(scale)是其中之一。使用拉升可以使元素被等比例地放大或縮小。
p:hover { transform: scale(1.2); }
這個(gè)樣式的意思是,當(dāng)鼠標(biāo)懸停在p元素上時(shí),p元素會被拉升1.2倍。
用CSS3的font屬性和transform屬性結(jié)合起來,可以創(chuàng)建出非常炫酷的效果。
總之,CSS3提供了更多的選擇器和屬性,可以更方便地定義網(wǎng)頁的樣式;而transform屬性中的拉升效果,則可以讓網(wǎng)頁的交互性更加生動有趣。