HTML新的特性——CSS3,是新一代的網頁排版技術,是CSS2技術的加強版。CSS3提供了新增的特性,以及強化了現有的CSS2屬性,使得網頁設計變得更加精細和美觀。
/* CSS3中新增的特性 */ border-radius: 50%; /*圓角*/ box-shadow: 5px 5px 5px #888888; /*盒子陰影*/ text-shadow: 2px 2px 2px #888888; /*文本陰影*/ opacity: 0.5; /*透明度*/ /* CSS3對現有屬性的強化 */ background: linear-gradient(to bottom, #ff0000, #0000ff); /*漸變色*/ font-size: calc(16px + 1vw); /*自適應字體大小*/ @media screen and (min-width: 768px) and (max-width: 1024px) { /*在特定媒體查詢條件下,改變樣式*/ body { background-color: yellow; } }
CSS3還增加了3D特效支持,可以實現更為復雜的效果,如3D轉換、3D動畫等。CSS3技術的出現,給網頁設計帶來了更多的可能性。
但是需要注意的是,CSS3技術目前還不支持所有的瀏覽器,因此在使用CSS3特性的同時,需要考慮兼容性,并靈活使用現有的技術進行適配。
上一篇mysql5.20
下一篇html文檔中用css