Tag Archives: css3

書寫整潔優雅的CSS3代碼

CSS3已經開始被大家廣泛的運用到產品中的頁面代碼中去,CSS3帶來的革新式的變化我在這裡就不一一細說了。不過因為目前的CSS3還處在草案階段,所以絕大部分的瀏覽器(除了opera應該是)都是使用的私有屬性的方式來實現對CSS3的支持。比如firefox的-moz-前綴和webkit核心瀏覽器的-webkit-前綴等。 整潔優雅的代碼能提高生產效率,特別是在團隊合作中。我想很多人都習慣把css代碼寫成一行的形式,諸如這樣: .main{width:960px;margin:0 auto;} .sidebar{width:233px;float:left;} .sidebar ul li{float:left}.main{width:960px;margin:0 auto;} .sidebar{width:233px;float:left;} .sidebar ul li{float:left} 採用這樣的一行形式,能讓你們整齊的排列相似父輩繼承的樣式,讓他們很簡單的能被查找到。當然為了更好的查找到代碼,你們可能還需要一個注釋。 /* something u want to say ————————————————–*/ .main{width:960px;margin:0 auto;} .sidebar{width:233px;float:left;} .sidebar ul li{float:left}/* something u want to say ————————————————–*/ .main{width:960px;margin:0 auto;} .sidebar{width:233px;float:left;} .sidebar ul li{float:left}

Posted in Skill | 技術 | 38 Comments

消失的CSS3 box-shadow 屬性?

如果你在疑惑為什麼標題後面是個問號,因為我也不確定具體這個box-shadow屬性是否消失後就不再回來了。發生了什麼事?其實就是最近在看W3C關於css3的20091217文檔的時候發現box-shadow屬性已經沒有任何說明了,只留下這麼一段話: This module previously defined a 『box-shadow』 property. This feature has been removed from this module for further discussion, and should reappear in another CSS module (or a later version of this module) in the near future. 以前這個模塊定義了一個『box-shadow』屬性。這個特性目前已從這個模塊中移除以做進一步的討論,並將會出現在別的 CSS 模塊中(或者更高版本的此模塊)在不久的將來。 … Continue reading

Posted in Skill | 技術 | 13 Comments

兩個CSS3樣式可視化生成工具:CSS3 Please & CSS3 Generator

CSS3隨著瀏覽器的升級已經被越來越廣泛的運用,合理的運用CSS3可以使你的網站更加美觀,並且之前只能用js才能實現的效果也已經可以直接用CSS3來實現。但是雖然如此,很多瀏覽器對CSS3的支持還都是通過其私有屬性來達到支持的,鮮有直接對W3C的標準來實現的。諸如firefox的-moz-和webkit的-webkit-屬性前綴。 不過CSS3本身W3C也並未有正式版發布,現在還只是草案。下面我推薦兩個很直觀的,可視化的,自動生成CSS3樣式代碼的工具網站給大家。 1.CSS3 Generator 選擇自己想要的CSS3屬性,然後填寫數值,右邊便可直觀的展示出效果了,然後你複製生成的樣式代碼即可。並且還列出了兼容這些樣式的瀏覽器。可謂十分的方便。 http://www.css3generator.com/

Posted in Share | 分享發現 | 15 Comments

瀏覽器專屬 CSS Hack:區分 Firefox / Opera / Safari / Internet Explorer

CSS Hack 是在標準 CSS 沒辦法兼容各瀏覽器顯示效果時才會用上的補救方法,在各瀏覽器廠商解析 CSS 沒有達成一致前,我們只能用這樣的方法來完成這樣的任務。網上你可能能搜索到一大堆的 CSS Hack,但是我今天發布的你可能並不都很了解,因為這些都是只針對單獨一個瀏覽器的 CSS Hack。

Posted in Skill | 技術 | 49 Comments

CSS 改變選取文字的顏色(CSS3 – 目前 Firefox/Safari only)

無疑在這個技術迅猛發展的現在,css2 已經顯得何其單薄,css3 草案出來後,無疑將為 web 設計帶來更多新奇的效果。選取文字顏色的改變就是 css3 中的一項規範。雖然出來得比較早了,但是鑒於還有很多人不知曉,所以我寫出來分享給大家。

Posted in Skill | 技術 | 16 Comments

Page 1 of 11