CSS3 最早於西元 1999 年開始規劃,特色是分成許多不同的類別(modules),每個類別有 CSS2 的新增功能,除此之外,CSS3 本身也新增許多的功能,例如常見的設計元素圓角效果的 border-radius 屬性、設計文字陰影效果的 text-shadow 屬性、控制轉場效果的 transition 屬性、設計元素變形的 transform 屬性都是 CSS3 所新增的功能,在 2011 年 6 月 7 日,CSS 3 Color Module 發布為 W3C Recommendation 後至今,CSS3 許多的功能與擴充已經獲得前幾大主流的瀏覽器所支援,透過 CSS3 所設計出來的新網頁也如雨後春筍般陸續出現。
CSS3 outline-offset 屬性是 CSS 中 outline 屬性的進化版,網頁設計師可以使用 outline 屬性替網頁元素增加輪廓的視覺效果,不過預設的輪廓視覺效果會與元素邊框黏在一起,有辦法把輪廓與邊 ......
詳細閱讀
CSS3 box-sizing 屬性的功能是用來調整區塊的內距與邊框計算方式,預設的 DIV 區塊的邊框最外的寬度,會因為內距 padding 的值以及邊框 border 的粗細而有所影響,常見的情況是設計師調整了 pa ......
詳細閱讀
CSS3 resize 屬性的功能是讓網頁的使用者可以自行調整div區塊元素的大小,讓傳統只能固定的 DIV 區塊有了可調整的功能,網頁設計師可以利用CSS3 resize 屬性的功能,開放 DIV 區塊可以調整的範圍, ......
詳細閱讀
CSS3 transform-origin 是個用來與 transform 搭配的屬性,可以用來定義"有設定 transform 屬性的網頁元素"的旋轉基礎點位置,另外一種說法是用來改變其旋轉基礎點的位置,因為 tran ......
詳細閱讀
CSS3 transform 屬性的功能提供了網頁設計中對於網頁元素(element)變形特效的突破,透過 CSS3 transform 屬性,網頁設計師可以很輕易的讓網頁元素(element)呈現出旋轉(rotate) ......
詳細閱讀
CSS3 font-face 字型設計是 CSS3 新推出一的字型套用屬性,傳統的 CSS 字型屬性 font-family 的優點是可以設定許多不同的字型,並給予順序,讓瀏覽器依序判斷字型是否可以正常顯示,這樣的功能雖 ......
詳細閱讀
CSS3 在網頁元素背景設計的部份,比起 CSS2 又有了更進一步的提升,主要提供了可以用來控制背景大小的 background-size 屬性以及可以用來控制背景定位的 background-origin 屬性,這兩個 ......
詳細閱讀
CSS 設計的發展大至可以分為 CSS1、CSS2 到 CSS3,以目前 2015 年的網路環境來說,CSS1, CSS2 都已經屬於成熟型的網頁設計技術,而 CSS3 也發展得差不多完備,只是尚有許多好用的功能未獲得所 ......
詳細閱讀
CSS3 word-wrap 屬性的功能是讓很長的單字可以切換到下一行,大部的瀏覽器預設值都是讓很長的單字保留完整,直接在跳倒下一行或是讓單字超出 DIV 區塊的範圍,如果這兩種情況都不是設計師想要呈現的效果,還有一種效 ......
詳細閱讀
CSS3 word-break 屬性可以設定瀏覽器要在什麼樣的情況下讓字串斷行,常見的設定主要分為兩種,分別是換行的時候要保持單字完整以及無論單字是否完整都直接換行,CSS3 word-break 屬性是新一代的網頁內容 ......
詳細閱讀