使用偽元素來實現圖片替換的兩種方法
WeBrebuild年會上分享的一點內容,知識點的內容就不作過多闡述了,如果你完全不了解偽元素那麼建議先看一下官方偽元素選擇器的資料,或者自行谷歌了解,有興趣可以去看下這
響應式網頁設計:國外的很贊的響應式網頁設計案例
上一篇中我們了解了一下響應式網頁設計是什麼,現在趁熱打鐵,來欣賞一些國外的一些很贊的響應式網頁設計,看看他們是如何實現對PC端浏覽器和移動終端的全面支持的。想要查看效果很
響應式網頁設計和移動互聯網
個話題最近很火爆,我也一直在關注,響應式網頁設計和移動互聯網密切相關,並因移動終端的豐富和普及而興盛,並且是一個頗具爭議的話題,我今天將和大家探討下。上周寫了個簡單的pp
css選擇器命名規則:差異及可能產生的問題
操作系統版本:Windows 7浏覽器版本:IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev受影響的
CSS3設計網頁案例:漂亮的網頁圖片設計CSS實例
譯自:CSS3 Image Styles中文:CSS3圖片樣式請尊重版權,轉載請注明來源,多謝~~ 直接在圖片元素上直接應用CSS3 inset box-sha
利用CSS讓元素垂直居中的兩種實現方法
利用CSS讓元素垂直居中是個很頭疼的問題,這裡就介紹兩種簡單實用的方法方法一:利用行高(line-height)定位line-height通常是用於調節一段文字的行與行之
CSS清理浮動方式更簡潔的方案
清理浮動有很多種方式,像使用 br 標簽自帶的 clear 屬,使用元素的 overflow,使用空標簽來設置 clear:both 等等。但考慮到兼容問題和語義化的問題
CSS網頁制作技巧:CSS純英文數字自動換行
當一個定義了寬度的塊狀元素中填充的全部為純英文或者純數字的時候,在IE和FF中都會撐大容器,不會自動換行並且當數字或者英文中帶有漢字時,會從漢字處換行,而純漢字卻可以自動
CSS實例教程:完美解決IE6不支持hover的方法
破洛洛文章簡介:完美解決IE6不支持hover的方法.<style type=text/css>
IE8浏覽器iframe的怪異情況
今天調查一個問題,同一個頁面在firefox下面正常,但是在ie8下面卻cpu100%,導致浏覽器掛了。用fiddler檢查了一下,發現ie8下的請求數和firefox下
CSS網頁設計實例:商旅網首頁的標簽切換
上個月的項目了。。。標簽切換有很多方法可以實現,這裡貼一段我個人很喜歡用的代碼:<ul class=“tabmenu”><li
CSS網頁設計經驗分享:負margin
上個月完成的項目,舉個讓我糾結N小時的模塊,先上圖:默認狀態為灰色,不帶圓圈,已完成狀態為紅色,當前進行中顯示為黃色,並且圓圈在兩個字中間,最後一個狀態“成功
網頁設計經驗分享;沒有CSS時網頁的可看性
先上示例,首頁酒店模塊的效果圖如下:代碼結構如下:<dl>< dt>酒店</dt>< dd>北京</dd>&l
網頁細節設計:網頁中價格標示的設計方法
兩周前逛浦東Apple Store,因為看上MacBook Air糾結著要攢幾個月的錢而注目價格良久:先感謝MH同學的職業敏感性—-是否可以把印刷版式移植到W
網頁進度條設計:全兼容且自適應的進度條
在做這個東西之前,我們需要了解基本的信息: 是否為靜態加載?(是) 有多少種狀態?(三種基本狀態:默認、當前、已完成) 是否使用JS程序實現狀態的更改?
CSS實例教程;使用:before和:after插入內容
在css中,我們可以使用:before偽元素選擇器與:after偽元素選擇器在頁面的前面和後面以content屬性的方式插入內容。從css2.0添加這兩個偽元素選擇器到c
CSS3教程:破洛洛整理的最新的15個CSS3教程
1.創建一個漂亮的圖標這個教程將教你如何用純CSS3創建一個圖中的圖標2.CSS3 圖片樣式這個教程將教你如何使用 box-shadow, border-radius和t
CSS命名的語義化和html5為語義和體驗而生
開篇前的一些YY曾幾何時,一個人出設計稿,出完設計稿打開DW用拖出一個頁面,再苦逼一點拖完頁面後自己還要寫後台,武林人稱:美工。更苦逼的是當每一次需求變更後,去修改一大堆
css命名規則:圖片切圖轉網頁的代碼規范
網上整理的比較好的css命名規則,為css代碼的規范化做參考,增加代碼的可讀性。id的命名: (1)頁面結構 容器: container 頁頭:header 內容:con
HTML5和CSS3 Media Queries響應式Web設計方案
十一長假已然過去了一大半。今天倒真是晴朗的不行,向窗外望去幾乎可以看到陽光穿過涼爽的空氣一縷縷灑落下來的樣子。自從不再是學生,對每年的幾次長假就無比珍惜,想方設法讓每一天