網(wǎng)頁(yè)設計之HTML5和CSS3的新特征 |
作者:佚名 發(fā)布時(shí)間:2012-01-30 瀏覽:2177次 |
以下內容由寶雞世紀網(wǎng)絡(luò )為您收集整理。我公司是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣,軟件開(kāi)發(fā)的高新技術(shù)企業(yè), 一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統解決方案,以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近630多家政府網(wǎng)站、企業(yè)網(wǎng)站,是寶雞網(wǎng)站建設行業(yè)規模最大、客戶(hù)數量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò )公司。 HTML 5的新特新 1. 新的內容標簽 2. 更好的表格體系 3. 音頻、視頻API 4. 畫(huà)布(Canvas) API 5. 地理(Geolocation) API 6. 網(wǎng)頁(yè)存儲(Web storage) API 7. 拖拽釋放(Drag and drop) API CSS3 新特性 1. RGBa CSS3的RGBa新特性允許你對每個(gè)元素進(jìn)行色彩以及透明度的設置。而原來(lái)常用的opacity命令只能對元素及其子元素進(jìn)行設置。 2. Multi-column layout CSS3新提供的多欄布局選擇器無(wú)需HTML布局標簽即可生成多欄布局,同時(shí)‘欄數’、‘欄寬’以及‘欄間距’都是可以定義的。 3. Round corners 圓角功能可能是CSS3提供的最實(shí)用的功能了。通過(guò)Border-radius,你可以沒(méi)有任何難度的給指定的HTML元素添加圓角。并且你還可以定義圓角的大小,以及哪個(gè)角是圓角,哪個(gè)角不是圓角。 4. @font-face 當網(wǎng)頁(yè)顯示某種用戶(hù)沒(méi)有安裝的字體時(shí),CSS3提供的@font-face功能會(huì )自動(dòng)的、默默地幫用戶(hù)從網(wǎng)絡(luò )上下載相應字體。從而讓設計師更加自由的發(fā)揮,而不用考慮用戶(hù)的機器是否安裝了相應字體。 5. 其他特性 此外,CSS3還給我們帶來(lái)了漸變、防止字符串過(guò)長(cháng)溢出、多重背景以及用圖片來(lái)作為元素邊框等功能。 利用好CSS3,你可以更快捷的得到以往用很多插件才能得到的效果。同過(guò)使用元素本身來(lái)取代大部分圖片,網(wǎng)頁(yè)的加載速度會(huì )得到提升,這些原本是圖片的內容,也可以被搜索引擎檢索到。 |