本文所介紹的編程技術,可以有效地改善用戶體驗和設計師的工作流程,替代原先在IE6上使用的舊的解決辦法。需要注意的是,下面列出的大部分技術還在實驗階段,而且有些不是純CSS技術(一些使用jQuery或其它JavaScript庫)。但本文還是非常值得一看。
讓我告別overflow:hidden的決定性因素是CSS3,具體而言是box-shadow。因為使用overflow:hidden首先會對box-shadow造成負面影響。當父元素使用overflow:hidden 屬性時,box-shadow會被裁剪。另外,text-shadow和transform也有可能被裁減掉。所以我更傾向于使用clearfix,感覺這種一體化的東西更靠譜一些。
隨著CSS3越來越接近主流設計的標準,精心設計圓角背景圖片已經成為過去,這意味著我們將節省在每個瀏覽器上花費的時間和精力了。
這是一個適用于IE的behavior htc文件,目的是讓所有瀏覽器都支持border-radius元素。因為目前除了IE,其他的主流瀏覽器均可呈現圓角效果,只需加入4行CSS代碼。
可以使IE識別CSS3偽類選擇器,并渲染它們所定義的所有樣式規則。你只需將這些腳本添加到你的頁面中,就可以在你的樣式表中使用這些選擇器了。
在本教程中,我們來看看一些前期的和使用CSS3簡化后期的代碼,并通過實現的視覺效果來進行比較。
漸進增強(Progressive Enhancement)和CSS3都是很好的技術,但CSS3更勝一籌。若將兩者合并使用,就能使設計者創建出簡潔的網站,且比以往更快、更容易。
凸版效果在網頁設計中十分受歡迎,一些主流瀏覽器也支持CSS3的Text-shadow屬性,用純CSS創建這個效果也很簡單。這絕對不是PS出來的!
這個教程是關于如何用HSL & HSLA 和quick+/- 向導制作出目前瀏覽器支持的效果。
在Mac OS X發布的時候,有無數的網上教程教授如何用Photoshop制作透明按鈕,現在,試試用CSS創建吧!
教程中有各種各樣的3D CSS變換。
新聞熱點
疑難解答