css類級別的hack僅ie7識別 *+html
ie6及ie6以下識別 * html
opera、safari、chrome識別：
@media all and (min-width: 0px) 不識別，但firefox3.6也識別該規則，如果firefox版本有嚴格要求，請使用下一條規則
@media screen and (-webkit-min-device-pixel-ratio:0) //ie、firefox不識別該規則
僅opera識別：
@media screen and (-webkit-mi all and (-webkit-min-device-pixel-ratio:0
css屬性級別的hack僅ie識別 ： margin-left:10px\9;
僅ie8識別 ： margin-left:10px\0;
ie6/ie7識別 ： *margin-left:10px;
僅ie6識別 : _margin-left:10px;
css hack綜合示例：
/**add 'margin-top: -10px;' for ie7/firefox/opera/safari/chrome , 'margin-top: 5px;' for ie8 **/
.news_list01 h2 span
@media all and (min-width: 0px)
} html**片斷級別的hack（僅ie識別）①
② ③
④ ⑤
用指令碼設定css屬性
設定元素的style樣式
var spanelement = document.getelementbyid(「myspan」);
//下面寫法保證出ie外，所有瀏覽器可用
spanelement.setattribute(「style」,」font-weight:bold;color:red;」);
//下面的寫法保證ie可用
spanelement.style.csstext=」font-weight:bold;color:red;」;
設定元素的class屬性
var element = document.getelementbyid(「myelement」);
//下面的寫法保證除ie外，所有瀏覽器可用
element.setattribute(「class」,」styleclass」);
//下面寫法保證ie可用
element.setattribute(「classname」,」styleclass」);
具體css效果的實現
按鈕懸停時滑鼠呈現手的形狀
cursor:hand和cursor:pointer效果是一樣的，當滑鼠移動至該元素時呈現手的形狀。但是應該盡量使用cursor:pointer而非cursor:hand，因為cursor:hand只有ie識別，而cursor:pointer才是css2.0的標準屬性，ie之外的瀏覽器也支援。
視窗滾動條顯示問題
在使用彈出視窗或者框視窗架的時候，有時會有多餘的滾動條出現，這時需要從多個方面進行確認：
彈出視窗時window.open方法引數中設定的窗樣式是否定義了scroll=yes
框架標籤的屬性中是否設定了scrolling=「yes」
視窗或框架內頁面的css中，是否對html或body的overflow進行了樣式定義，如果沒有請參考如下**。
複製**
**如下:
html
line-height 屬性
line-height行高指的是文字行的基線間的距離，即字型最底端與字型內部頂端之間的距離。如下圖所示：
文字之間的空白距離（行距）不僅僅是行高決定的，同時也受字型大小的影響。有時侯同一行內的不同元素底邊沒有對齊，有可能就是行高不統一造成的，這時關調整高度和對齊方式是不夠的，還需要調整line-height屬性。
display:inline-block
display 屬性有三個值：block，inline，inline-block。其中display:block就是將元素顯示為塊級元素；display:inline就是將元素顯示為行內元素；display:in將物件呈遞為內聯物件，但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行內。
l block元素的特點是：總是在新行上開始；高度，行高以及頂和底邊距都可控制；寬度預設是它的容器的100%，除非設定乙個寬度。,
瀏覽器列印經驗總結
js呼叫瀏覽器列印 可設定頁首 頁尾 頁邊距 如果有好用的列印控制項，用列印控制項。如果沒有，可以直接用瀏覽器自帶的列印功能。網頁內容直接列印。window.print document.getelementbyid 要列印的區域 id focus window.print css 控制某一部分不列...
瀏覽器列印經驗總結
js呼叫瀏覽器列印 可設定頁首 頁尾 頁邊距 列印需求，在系統的開發中非常常見。面對使用者各種各樣的列印格式要求，如果有好用的列印控制項，開發列印功能自然無需多說。但是如果沒有，直接使用瀏覽器自帶的列印功能，也是乙個不錯的選擇。下面就分享一下我自己在開發過程中，使用瀏覽器自帶功能的一些經驗。如果要將...
CSS跨瀏覽器支援之一 瀏覽器相容度
糾纏了許久的flash跨域，終於解決，下乙個問題，出在了html的css樣式的跨瀏覽器支援上。之前的front side由actionscript來寫，整站純flash，因著flash player的跨平台支援特性，只需要處理ui端的展示這一塊 而此時的開發開始涉及了html css，不可避免的，跨...