CSS3 最早於西元 1999 年開始規劃,特色是分成許多不同的類別(modules),每個類別有 CSS2 的新增功能,除此之外,CSS3 本身也新增許多的功能,例如常見的設計元素圓角效果的 border-radius 屬性、設計文字陰影效果的 text-shadow 屬性、控制轉場效果的 transition 屬性、設計元素變形的 transform 屬性都是 CSS3 所新增的功能,在 2011 年 6 月 7 日,CSS 3 Color Module 發布為 W3C Recommendation 後至今,CSS3 許多的功能與擴充已經獲得前幾大主流的瀏覽器所支援,透過 CSS3 所設計出來的新網頁也如雨後春筍般陸續出現。
CSS Attribute Selectors 是 CSS 的一個重要選擇器,從 CSS 2.1 開始,設計師可以使用網頁元素的屬性(attribute)來選擇它們,優點是不需要額外替這些網頁元素設定 ID 或 Clas ...... 詳細閱讀
替 CSS span 區域增加陰影效果需要使用 CSS3 的 box-shadow 屬性,這是 CSS3 新增的功能,也是標準的"盒子"陰影效果屬性,設計師可以很輕鬆的運用 box-shadow 屬性的各項參數,例如陰影 ...... 詳細閱讀
CSS3 的 box-shadow 屬性本來的功能就是用來設計區塊的陰影效果,網頁中的許多元素都可以使用區塊的方式來呈現,例如圖片區塊、表單區塊、表格區塊以及我們今天要介紹的 DIV 區塊,這些區塊都可以使用 CSS3 ...... 詳細閱讀
CSS3 box-shadow 屬性自從推出後,讓許多網頁設計師都非常便利,因為傳統在設計網頁圖片陰影時會有一點麻煩,必須使用繪圖軟體特別替圖片增加陰影效果,做好的圖片若要修改陰影,又必須重新用繪圖軟體處理一次,所以現在 ...... 詳細閱讀
CSS3 網頁背景淡出效果設計可以利用相機拍攝的照片,直接轉成淡出的網頁背景效果,不需要先用繪圖軟體就能做到,這個技巧所運用的是 CSS3 的 Gradients 漸層效果來處理,在 background 屬性裡加入背景 ...... 詳細閱讀
網頁漸層背景顏色效果是現在網頁設計師經常使用的一種技巧,傳統的網頁設計必須使用漸層圖片來當作網頁背景圖片,才能呈現出網頁漸層背景顏色的效果,不過 CSS3 有推出一個新的 Gradients 漸層效果功能,透過這一個 G ...... 詳細閱讀
CSS3 Gradients 是用來設計漸層效果的新功能,在傳統的網頁設計中,如果要設計出一個漸層的背景顏色或一個具有漸層色彩的區塊,需要透過圖片的設計來處理,但是到了 CSS3 的發展,這樣的傳統設計思維有所改變,CS ...... 詳細閱讀
CSS 的 background-image 用來替網頁本身(body)或網頁元素插入背景圖片相當好用,這個背景圖片屬性到了 CSS3 有了更強大的進步,CSS 設計師可以利用全新的 background-image 屬 ...... 詳細閱讀
CSS3 設計背景圖片自動縮放全螢幕展示效果是許多新一代網頁設計的基礎,這樣的效果就是背景圖片隨著網頁大小縮放而自動跟著縮放至全螢幕,要設計出這樣的效果很簡單,只要將 CSS 的 background 屬性結合 CSS3 ...... 詳細閱讀
CSS3 具有比 CSS2 更強大的邊框設計功能,包含了三項新屬性,分別是設計圓角矩形的 border-radius、設計陰影效果的 box-shadow 以及設計圖片邊框效果的 border-image 這三個屬性,利 ...... 詳細閱讀
1 2 3 4 Next
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012