HTML5實踐-如何使用css3豐富圖片樣式的詳解(二)

此時利用HTML5和CSS3技術，設計出有效的網頁表單交互設計模型，如此一來就可以避免網頁運行速度緩慢的問題。

為托克遜等地區(qū)用戶提供了全套網頁設計制作服務，及托克遜網站建設行業(yè)解決方案。主營業(yè)務為網站制作、做網站、托克遜網站設計，以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

當你點擊demo頁面的【開始】按鈕之后，頁面中的騎手和馬匹將會運動起來，這里需要強調的一點是，ie不支持css3的動畫屬性，再次抱怨下萬惡的ie。但是我們不能以此為理由不去擁抱css3。我們先來看html代碼。

今天我們的內容是css3的text-shadow、box-shadow 和 border-radius幾個屬性的介紹，他能增強頁面布局，值得學習。RGBA前三個值分別代碼RBG的值，最后一個值代表透明度（0表示透明，1表示不透明）。

首先我們創(chuàng)建一個簡單的項目，如圖所示包括html，css和img三個。這里是html文件，引入css和html代碼文件，如圖所示。這里是css文件代碼，上面是div和圖片顯示的效果代碼，后面是動畫效果。

css全稱叫Cascading Style Sheet，可譯為“層疊樣式表”或“級聯樣式表”，用于控制Web頁面的外觀。通過使用CSS樣式設置頁面的格式，可將頁面的內容與表現形式分離。

css樣式表的三種樣式

1、CSS樣式表可以分為外部樣式表、內部樣式表、內聯樣式。

2、CSS樣式有三種類型：內聯式CSS樣式、嵌入式CSS樣式、外部式CSS樣式。內聯式CSS樣式：就是把CSS代碼直接寫在現有的HTML標簽中。如果有多條CSS樣式代碼設置可以寫在一起，中間用分號隔開。

3、CSS樣式主要包含以下三種類型：行內樣式（內嵌樣式）：結構的內部，即寫在標簽內的樣式；寫在標簽的開始部分內部，style屬性當中。

CSS樣式表存在形式有哪些,應用的側重點分別是什么?

選擇器樣式（Selector Styles）：是 CSS 樣式中最常見的一種，通過選擇器選中需要設置樣式的元素，然后為其設置樣式。

外部樣式 格式：舉例：用處：這種形式是把css單獨寫到一個css文件內，然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調用，其它頁面也可以調用，是最常用的一種形式。

CSS樣式表可以分為外部樣式表、內部樣式表、內聯樣式。

有一個單獨的CSS文件存在！[如：00css]通過【格式】→【樣式表連接】與CSS文件[00css]建立連接！在合適的地方使用 class=樣式名 調用具體的樣式效果！如：。嵌入式樣式（屬于內部樣式表）。