css中text-indent應用總結
我將會從下面幾個方面來進行說明：
1.text-indent應用於塊級元素
2.text-indent應用於行內元素
3.text-indent應用於替換元素
4.text-indent應用於inline-block元素
5.繼承
6.總結
一、text-indent應用於塊級元素
各瀏覽器都可以正常的顯示。如圖：
css中text-indent應用總結
我們也可以通過負的text-indent來製作一些效果，各瀏覽器表現相同（demo2）：
css中text-indent應用總結
二、text-indent應用於行內元素
這裡分兩部分來說，一是text-indent應用於塊級元素，塊級元素裡面有inline元素（通過繼承或者指定text-indent），直接上demo3。
可見行內元素，雖然繼承了text-indent的值（或者指定），卻沒有任何作用。
二是inline元素直接指定text-indent的值，或者塊級元素不指定text-indent，而裡面的inline元素指定。請看demo4。
chrome14、firefox7、opera10.6、safari5、ie8、ie9表現如下：
ie6/7表現如下：
比較一下，chrome14、firefox7、opera10.6、safari5、ie8沒有作用於inline元素，但ie6/7卻作用於inline元素，而且用於inline元素上，不同的條件表現也不同。
直接用於inline元素上：前面有32px的空白
塊級元素不設定text-indent，而inline元素設定（inline前有文字）：text-indent不會作用於inline元素。
塊級元素不設定text-indent，而inline元素設定（inline前木有文字）：text-indent會作用於inline元素，且與demo中設定的相同2em(24px，文字大小為12px)。
三、text-indent應用於替換元素
這裡以應用到image與input元素為例進行說明，請看demo5。
chrome14、firefox7、opera10.6、safari5中的表現：沒有作用於image，但卻作用於了input，且中英文沒有區別。
關於css中overflow hidden的使用
overflow hidden有兩個用處經常用到 1 通過設定自身的高度，加上overflow hidden可以隱藏超過容器本身的內容 但是，小編在以往的使用中，發現了乙個問題，只要父級容器設定了overflow hidden，那麼它的子孫元素都將會應用上去，並無法在內部消除,如果內部需要做div絕...
CSS 關於css中的border
曾經一直以為html中的border是直角的，直到有一天 test效果如下 突然有一種被欺騙了的感覺。我們可以選擇理解乙個border為兩個三角形再加乙個矩形。如上所示。繪製小尾巴 當對乙個角應用圓角樣式，如果這個角相鄰的兩個border乙個有定義而乙個無定義，那麼繪製的結果就是由粗到細的 小尾巴了...
css疑難彙總
關於a標籤不換行頂開容器的問題 自 我們用div，p,ul，li 等塊級元素 布局給其設定了特定的width，那麼就會自動的換行。用span，a 等內聯元素 設定了display inline block,或者display block 也可以自動換行了。但是含英文的時候這種方法就無效了，還是會超出...