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