在網頁設計時，有時遇到某個DIV內容被其他層覆蓋擋住了，怎么辦呢？我們如何讓某一DIV層顯示在上面？其實，使用css屬性 z-index 就能解決問題。

在現在的網頁設計中，鼠標移到圖片上圖片放大的效果常常被用到，這個效果多應用于文章列表里。我一開始以為是用JQuery來實現的，后來才知道原來是用CSS3來實現的，用CSS3來實現會更加簡單和方便。本文將介紹如何用CSS3來實現這個功能。

本文將繼續介紹用CSS3來畫一個半圓的方法。 CSS3畫一個半圓無論圓角、圓弧、實心圓、半圓，css3的實現代碼都是 border-radius 屬性，border-radius 不但可以定義圓半徑和圓角大小，還可以設置圓弧的方向，進而畫出各種方向的半圓。

在前文中介紹過CSS3實現圓角的方法，代碼更少更簡單，不過由于其不兼容IE8瀏覽器，所以就目前IE8仍然占一定用戶比例的情況下，CSS3要完全取代CSS還不太現實。因此本文將介紹純CSS實現圓角的4種寫法，該方法對比CSS3的優勢是不用考慮瀏覽器的兼容問題。

當你要用到一個圓形icon的時候，你可能想到通過圖片軟件來制作，在css3之前，大家都是通過圖片+css來實現各種各樣的樣式效果。現在，我們用css3的代碼，輕松就能畫出實心圓了。

圓波擴散動畫效果，就是一個圓由中心向四周循環擴散的動畫效果。圓波擴散動畫效果應用非常廣泛，例如可以用來表示某一個位置的狀態信息，在網頁設計中，常常被用來作為登錄或切換頁面時的等待狀態。本文將使用純CSS3實現上圖動畫效果。

要在網頁上顯示各種算式的符號的時候，我們大多數人是先在Word里插入，然后復制粘貼到網頁里，不過要在網頁上顯示各種計算符號和特殊符號，還是建議用轉義字符串。本文收集了各種計算符號和特殊符號的HTML代碼，在編寫網頁代碼時可直接使用，值得收藏，以作備用。

有的時候我們要用HTML代碼來輸出顯示乘號（×）、除號（÷）、雙引號（"）等字符實體，例如需要顯示某個計算公式的時候。其實幾乎所有的字符實體（尤其是大量的特殊字符）都有其對應的HTML代碼的寫法，本文將給大家介紹各種字符實體的HTML寫法。

每次設計一張網頁或一個表單，都對各種瀏覽器的兼容問題傷透腦筋，尤其是IE家族。在做兼容性設計時，我們往往會使用各種瀏覽器能識別的獨特語法進行hack，從而達到各種瀏覽器下顯示正常的目的。其中，我們用得最多莫屬于\9和\0了。\9和\0是hack IE8、IE9、IE11的獨特標識。但是問題來了，\9和\0到底怎樣hack IE8、IE9、IE11這三個瀏覽器？

在上一篇文章里介紹了用css背景圖實現文字鏈右邊加一個箭頭圖標的方法，本文將介紹用Font Awesome實現文字鏈右邊加一個箭頭圖標的方法。 Font Awesome是一個圖標字體庫，包含300多種常見小圖標，如小箭頭之類的icon，使用起來相當方便，只需引用一個css文件，是現在網頁設計師常用的插件之一。

許多知名網站都在文字鏈的右邊加一個箭頭圖標，例如Google站長管理后臺，Alexa官網等，這樣設計的好處是讓鏈接更醒目，更容易辨認。文字鏈右邊加一個箭頭圖標的方法，多數人是使用css背景圖來實現，包括上面提到的Google站長管理后臺，Alexa官網等。是的，這種方法最容易掌握和應用。這正是本文要介紹的實現方法。

近日在做一個網頁標簽列表，要求不能換行，一開始以為比較容易，三兩下就把代碼寫完了，并且在Firefox和Chrome瀏覽器測試通過，不過，在IE11一看，卻出人意料的沒有達到預期效果，li inside-block在IE11里竟然無效！照樣換行！為何無效？難道代碼還要hack一下IE11？

之前設計網頁，如果希望div或table居中，總是用<center></center>把它包起來，但是這樣的結果，div或table雖然居中了，但div或table里面的文字也居中了，這是不符合設計者意愿的。那么，我們能否用css實現div或table居中，文字不居中呢？答案是肯定的，本文將給你介紹如何實現此效果。

IE7、IE8、IE9、IE11雖然同屬IE家族，但他們在網頁渲染時，對css屬性的識別卻不盡相同，因此，我們會發現網頁在IE9瀏覽好好的，卻在IE11上瀏覽時出現錯亂的問題。本文將舉例介紹IE家族IE7、IE8、IE9、IE11的css hack的問題，了解它們之間的差異，從而能夠寫出兼容性良好的css代碼。

blockquote默認的雙引號千篇一律太過普通，我們能否更改它并美化它，以搭配網頁模版的視覺要求？答案是肯定的。下面我就以兩個實例來教你怎樣修改和美化blockquote雙引號，并送上漂亮的css樣式。

有關Blockquote的css樣式，上一篇已經介紹了《5個Blockquote的css樣式》，不過，那是使用css1的寫法，要借助雙引號的圖片和span、div等標簽來完成。今天將介紹3個使用css3來實現的Blockquote樣式，代碼更簡潔，并且無需借助圖片，推薦使用。

Blockquote標簽多用于文章引用內容的時候，這里將介紹8個blockquote的css樣式，通過實例，讓大家進一步了解blockquote的用法。

在網頁設計中，一些區域的標題文字是不能換行的，例如首頁顯示的文章標題，因為布局是固定的，換行會打亂布局，從而使網頁產生錯位。因此，我們需要一行一段文字，超出行寬的文字用省略號表示或者直接去掉不用省略號代替。

今天用IE11使用卡卡網的網站速度診斷工具時，發現選項的排版是錯位的，我大吃一驚，因為該工具上線有半年多時間了，開發時是經過了多瀏覽器兼容性測試的，當時測試的瀏覽器有IE8、IE9、Chrome、360、Firefox，之所以沒有IE11，是因為認為只要通過IE9就可以通過IE11了，但實際上現在發現是不行的。

在網頁自適應設計中，max-device-width和max-width是不可缺少的兩大CSS屬性，但是可能大家在使用的選擇上沒有太多講究，認為用其中一個即可。不過如果你對此兩個屬性有了充分的認識之后，你或許把網頁的自適應設計得更為極致一些。

網站兼容性調試實在令人煩心，今天，我就把這幾個主要瀏覽器的CSS hack代碼匯總一下，滿足如下的瀏覽器要求：IE8、IE9、IE10、IE11、Chrome、Firefox，由于360使用的是Chrome內核，所以滿足Chrome基本就滿足了360。

在復雜的網頁框架布局中，div起了絕對的主導作用，而又因為div的語法在各個瀏覽器中的表現并不一致，因此div的瀏覽器兼容性寫法就起了至關重要的意義。

hover在css里比較常見，多用于菜單或一些按鈕上的鼠標事件，用法也比較簡單，不難掌握。不過在瀏覽器兼容性測試中，發現ie瀏覽器對hover還是很挑剔的，html寫法會影響hover是否有效。

div+css實現的下拉菜單大量被網頁設計師使用，通過div+css，可以隨心所欲的實現自己想要的樣式效果，使得下拉菜單與網頁整體布局搭配的更美觀和諧。

我寫文章，喜歡段落開頭空兩格，以前，我都是手動敲兩個空格進去，后來，我發現，有的文章的每個段落開頭并沒有空格符，而在網頁上顯示時照樣會縮進兩個空格。這就是菜鳥和專家的差別。