CSS

1、用!important文法解決IE和其它瀏覽器之間的布局差別 　　!important是CSS1定義的文法，作用是提高指定樣式規則的應用優先權。目前IE一不支援這個文法，而其他的瀏覽器則都支援。可以利用這一點來定義不同瀏覽器間的CSS樣式。如下樣式：　　.sidebar{ border:5px dotted #FC5 !important ; border:5px dotted #00F; padding-top:20px; margin:0 auto;}　　IE中瀏覽時候由於它不能夠解釋!

在使用DIV+CSS網頁布局中，CSS相容性問題一直困擾著大家，在瀏覽器安全色性未得到解決之前，同志們仍需努力；IE6.0與Firefox之間的相容性解決方案比較容易，但後來出現了IE7，時隔不久微軟又發布了IE8，原來IE6、IE7的hack方法又不能用了，怎麼辦呢？問題既然出現了，我們就要尋找解決的方法： 本文來自網頁之家www.51css.net 第一種方法： 本文來自網頁之家www.51css.net 微軟提供了這樣一個代碼： 本文來自網頁之家www.51css.net

文章目錄 初步介紹我們將怎樣來處理?第一步: 建立我們的 Sprite第二步: HTML 程式碼圓形盒模型 1 (藍色)圓形盒模型 2 (綠色) / 圓形盒模型 3 (紫色)模型 4 (紅色邊框)模型 5 (垂直漸層)IE6 版本最後的想法 轉自：http://www.javaeye.com/news/7417-css-sprites-fillet  初步介紹當然，我知道現在有成千上萬個關於 用CSS處理圓角

文章目錄 Horizontal CSS Menu TutorialsVertical CSS Menu TutorialsOverview 原文:http://www.noupe.com/css/100-great-css-menu-tutorials.html Navigation is such an important part of your website. It’s how your visitors navigate to

作者：gnuhpc 出處：http://www.cnblogs.com/gnuhpc/註：本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到W3School（http://www.w3school.com.cn/css/index.asp ）進行系統學習。學習CSS我使用的工具是Visual CSS，可以實現同步預覽，快速學習編輯CSS。1.CSS的作用

在做東西的時候發現在ie6.0中做的東西到ff下面目全非100% css不相容不問題 查閱了相關資料 個人感覺以下是一個笨的也是比較快的處理相容問題的方法方法就是針對不同的瀏覽器寫不同的css 以前用!important 但是ie7 和ff 就不好分了個人感覺比較好的方法是 samplepadding:0px;  /**//*ff這樣寫*/*padding:0px;  /**//*ie7.0這樣寫*/_padding:0px; /**//*ie6.0 這樣寫*/順序是先寫 ff 再ie7.0

近來到處是DIV、UL、CSS，同事做一個小結，不錯，帖在這了1.ul 標籤在 FF 下面預設有 list-style 和 padding ,IE就預設有margin. 最適合的做 法是ul{list-style:none;margin:0;padding:0;}2.關於高度的問題如果是動態地新增內容，高度不要定義。如果是靜態內容，高度最好定好。3.DIV高度自適應FF下，當DIV嵌套有float的DIV的時候，有可能會造成外DIV高度不能自適應，解決的 辦法可以在尾加上<div

文章目錄 CSS代碼：HTML代碼： 示範效果：CSS代碼：<style type="text/css"> div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden;

 實心線:<HR align=left width=490 color=#990099 SIZE=3 noShade>  豎直線：<HR align=center width=1 color=red size=100> 虛線：<hr size=1 style="color: blue;border-style:dotted;width:490px;color:#CCC"> 雙線：<hr size=1

文章目錄 Reset CSS 是在圖靈《精通CSS(第2版)》中譯本(尚未審的樣書)中看到的。呃，網頁設計的內容如：頁面寬度1080不是很關注的。我關注的有：Reset CSS、IE 的 hasLayout。 Reset CSSCSS大牛 Meyer 著名的 Reset CSS 之前我就從其中偷學到了一些CSS技巧，如：outline(輪廓)自訂為0利於可訪問性。Reset CSS 可以說是 CSS

晚上，翻閱了Apress《Beginning HTML with CSS and XHTML : Modern Guide and Reference》被書皮上這一句話吸引了：學會如何構建現代、符合標準、不雜亂的HTML和CSS網站。Apress 的這類書中，Beginning是寫給初學入門讀者的，Pro是寫給專業人員的。這本書與《(X)HTML權威指南》一樣是參考是指南，不過是現代的參考和指南，內容沒有那麼多，過時的、不符合標準的、雜亂的通通沒有，而且語言幽默，比如書中說XHTML

如果你願意放棄照顧老版本的瀏覽器，並假設你的使用者正在使用支援CSS2的瀏覽器（比如說IE5及以上版本或者Netscape 6及以上版本），你可以使用新的all媒體描述符來極大地簡化CSS代碼。 下面就是使用CSS2媒體描述符的連結的例子：<link rel="stylesheet" type="text/css" media="all" href="mysite-all.css" /><link rel="stylesheet" type="text/css"

在說到這個問題的時候，也許有人會問CSS中不是有vertical-align屬性來設定垂直置中的嗎？即使是某些瀏覽器不支援我只需做少許的CSS

（1）對於一個層內有浮動的層，主層應該用OVERFLOWER：HIDDEN，以消除內層的浮動導致的其它外的影響。比如:<div id="main1"><div id="son1" style="float：left; display:inline">aa</div></div><div id="main2" style="margin-top:10px;"> main2內容　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;

· ul 標籤在 Mozilla 中預設是有 padding 值的，而在 IE 中只有 margin 有值。 · 同一個的 class 選擇符可以在一個文檔中重複出現，而 id 選擇符卻只能出現一次；對一個標籤同時使用 class和 id 進行 CSS 定義，如果定義有重複，id 選擇符做的定義有效。 · 初學可能會碰到這樣一個情況，同樣一個標籤的屬性在 IE 設定成 A 顯示是正常的，而在 Mozilla 裡必須要設成 B 才能正常顯示，或者兩個倒過來。臨時解決方案：選擇符 {屬性名稱:B !

精通CSS：進階Web標準解決方案（第2版）(Amazon第一CSS暢銷書全新改版) 基本資料作者： Andy Budd    Simon Collison    Cameron Moll  譯者： 陳劍甌[同譯者作品] 叢書名： 圖靈程式設計叢書 出版社：人民郵電出版社 ISBN：9787115226730 上架時間：2010-4-1 出版日期：2010 年5月

先貼幾張圖：接下來是一段可以區分IE6/IE7/IE8/FF&CHROME&OPERA的CSS代碼： 代碼Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1 .box-model{ width:300px;2 background-color:#00FF00; /* for 標準瀏覽器 */3

一般情況下：[1位重要標誌位] > [4位特殊性標誌] > 聲明先後順序!important > [ id > class > tag ]  使用!important可以改變優先順序別為最高，其次是style對象，然後是id > class >tag ，另外，另外在同級樣式按照申明的順序後出現的樣式具有高優先順序。先來看下!important