1、SEO(搜索引擎優(yōu)化)得到提升
成都創(chuàng)新互聯(lián)主打移動網(wǎng)站、網(wǎng)站設計、做網(wǎng)站、網(wǎng)站改版、網(wǎng)絡推廣、網(wǎng)站維護、空間域名、等互聯(lián)網(wǎng)信息服務，為各行業(yè)提供服務。在技術實力的保障下，我們?yōu)榭蛻舫兄Z穩(wěn)定，放心的服務，根據(jù)網(wǎng)站的內(nèi)容與功能再決定采用什么樣的設計。最后，要實現(xiàn)符合網(wǎng)站需求的內(nèi)容、功能與設計，我們還會規(guī)劃穩(wěn)定安全的技術方案做保障。
一些常用的圖形效果有CSS3表達方式，包括不透明貼圖、圓角、陰影。這些效果與CSS3漸變色一起使得上傳更為簡潔，跨平臺維護也更為容易。此外，它們還在SEO(搜索引擎優(yōu)化)方面具有優(yōu)勢。
為了理解SEO，我們還要回到剛才提到的漸變色。CSS3漸變色的另一個優(yōu)勢是它們可以更好的向下兼容源代碼控制系統(tǒng)(SCCS)。在CSS3出現(xiàn)之前，漸變色通過圖片實現(xiàn)。在常用的SCCS中調(diào)整圖片是一個不透明的過程。
通過CSS3的漸變色語義標記，SCCS能夠很方便在表面漸變的文本進行操作。SCCS能夠在特定時間自動報告，漸變色彩的變化或是飽和度。其格式如下：
這上優(yōu)勢也提升了不透明貼圖和其它的CSS3標記。假設一個名為Acme Widgets的公司想通過不透明貼圖在其網(wǎng)頁上標記公司的名稱。在CSS3出現(xiàn)之前，他們需要使用Photoshop或類似工具才行，這導致需要設計一個圖片，通過一張不透明的貼圖顯示Acme Widgets。
由于內(nèi)容是內(nèi)嵌在圖片中的，因此Acme Widgets根據(jù)無法被搜索引擎找到。CSS3的出現(xiàn)改變了這一情況。
2、更快的圖片下載速度，尤其是對于移動用戶
在網(wǎng)頁設計中，“漸變”是一種背景效果：你的網(wǎng)頁上的“窗口”擁有更精致的底紋或紋理。公司設計人員有更大的空間來平衡明暗度、匹配邊界，實現(xiàn)讓大數(shù)瀏覽者嘆為觀止的色彩或風格。
漸變效果的頭二十年是通過“著色”來取得的。在HTML5之前，背景必須作為一個圖片(或是由多個子圖疊加在一起)被提供。例如，Photoshop有一個“漸變工具”。該工具主要用于構建一個背景圖片以作為漸變色使用。這一功能獲得了很大的成功。每一名稱職的網(wǎng)頁設計者通常都會使用已經(jīng)有的漸變色作為背景圖片。
首先，其非常簡潔。CSS3漸變規(guī)范通常有數(shù)百個字節(jié)，而表達漸變的背景圖片通常會有數(shù)千個字節(jié)。除了這一優(yōu)勢外，CSS3的是漸變是內(nèi)聯(lián)的，其傳輸不需要打開其它的文件。當大量網(wǎng)站瀏覽者通過帶寬有限的移動瀏覽器訪問時，讓用于網(wǎng)頁渲染的輔助連接的數(shù)量保持低水平對于提升性能非常關鍵。
你的網(wǎng)頁設計人員能夠像以往那樣做同樣的事情--使用Photoshop的漸變工具或是類似工具，然后導出至CSS3而不是HTML4或XHTML。終端用戶在他們的瀏覽器上的效果幾乎沒有什么差別，但是下載速度卻提升了許多。此外，CSS3漸變色還能夠更容易的生就不同的屏幕尺寸和各種分辨率。
其它技術優(yōu)勢還包括：
總體上，其能夠內(nèi)聯(lián)老式的漸變色，因此能夠減少下載成本。
?除了CSS3之外，HTML5還包括了其它的漸變效果。
漸變色的CSS3支持將可編程性提升到了一個新的水平。例如，設計人員可以根據(jù)瀏覽者的年齡和位置調(diào)整漸變背景。
3、Web應用開發(fā)更容易，尤其是移動應用
最后一個優(yōu)勢是，HTML5解決方案是一個可媲美原生應用的編程環(huán)境。這對于移動終端用戶來說非常重要，原生應用開發(fā)成本昂貴：其編程人員薪水高、許可證各類繁多，可移植性差。HTML5在優(yōu)勢在于許多應用能夠被完整的編在HTML5內(nèi)。
4、更精美的動畫效果
除了上面所提到的功能外，其特色功能還包括：
HTML5能夠以更低的成本和更短的下載時間展現(xiàn)媲美目前頂級網(wǎng)頁設計人員設計的外觀，語義標記具有SEO和維護優(yōu)勢。HTML5現(xiàn)在擁有的一些效果已經(jīng)超越早期標準的效果，其中之一就是動畫制作。
為了獲得精美的動畫效果，網(wǎng)頁團隊過去通常使用Flash。不過，F(xiàn)lash也有一些明顯的不足：搜索引擎無法索引，蘋果的iOS和操作系統(tǒng)不允許使用Flash。安全性和許可證限制了其在許多公司中的使用。通過HTML5，精美的可視化動畫可以成為語義動畫。
這個簡單啊，就用CSS3的新屬性 過渡 transition 就好了，代碼如下：
!DOCTYPE html
html
head
meta charset="UTF-8"
title文字漸變效果/title
style type="text/css"
div{
width: 100px;
height: 30px;
color: #000;
transition: color 1s;
}
div:hover{
color: yellow;
}
/style
/head
body
div移入試試看/div
/body
/html
語義特性（Class：Semantic）HTML5賦予網(wǎng)頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的，微數(shù)據(jù)與微格式等方面的支持，構建對程序、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web。
本地存儲特性（Class: OFFLINE STORAGE）
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。Indexed DB（html5本地存儲最重要的技術之一）和API說明文檔。
設備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開以來，HTML5為網(wǎng)頁應用開發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來了更多體驗功能的優(yōu)勢。HTML5提供了前所未有的數(shù)據(jù)與應用接入開放接口。使外部應用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)。
連接特性（Class: CONNECTIVITY）
更有效的連接工作效率，使得基于頁面的實時聊天，更快速的網(wǎng)頁游戲體驗，更優(yōu)化的在線交流得到了實現(xiàn)。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現(xiàn)服務器將數(shù)據(jù)“推送”到客戶端的功能。
網(wǎng)頁多媒體特性(Class: MULTIMEDIA)
支持網(wǎng)頁端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。
三維、圖形及特效特性（Class: 3D, Graphics Effects）
基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺效果。
性能與集成特性（Class: Performance Integration）
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，幫助您的Web應用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。
這個為啥要用邊框呀我的天，兩個大小不同的圓進行重疊就行了，下面的黑色大點，上面的白色小點，然后在大圓的左下角，就是一個大盒子包裹一個小盒子。
很簡單的
重慶分公司
重慶分公司
