顯示具有 CSS 標籤的文章。 顯示所有文章
顯示具有 CSS 標籤的文章。 顯示所有文章

2013年4月20日 星期六

[CSS]display:none、block、inline的關係


一、display : none

把 HTML 元件的 display 設為 none 就是不顯示這個東西。 display : none 和 visibility : hidden 的差別是 display : none 這個東西就不見了,不佔空間, visibility : hidden 只是隱形看不見,還是有佔空間。

2013年4月18日 星期四

[CSS]破版的解決方法


如果一個母元素內的子元素通通 float: left 請問X元素本身會有什麼狀況?如果我要在母元素內放背景,卻沒有顯示,該如何解決?

答案是母元素本身會沒有高度,必須實作 clear-fix (self-clear) 或是在內部塞任一新元素並設置 clear: both X元素才能包覆子元素

[CSS]解決不同瀏覽器版面上的差異

  在設計網頁完後,開啟瀏覽器執行網頁時,常常會發生使用不同的瀏覽器,導致網頁的顯示結果位移或者跑掉的情況發生,這是因為每一家瀏覽器對於自家的CSS預設值都不一樣,導致原本你使用Google Chrome來瀏覽網頁沒問題,到了使用IE開啟網頁,就會看到怎麼跟Chorme的畫面不太一樣,這就是版面混亂的主要原因之一,因此需要Reset.css來幫助我們統一網頁的版面。