CSS

只要觸發IE的hasLayout，非浮動元素就會擁有布局。所以，利用IE6特有的hack規則，為它單獨寫樣式就可修複此問題： _zoom:1; margin-left: value; _margin-left: value-3px; zoom 是IE觸發Layout條件之一，因為它是IE特有的CSS規則，所以採用zoom。 margin-left: value-3px 是修複IE6 中3px 的bug。 此前採用非浮動元素也浮動的方法修複bug，現在我們可以試試這個新的方法了！

盡量少使用類,因為可以層疊識別,如: .News h3而不必在h3上加類 <div class=”News”> <h3></h3> <h2></h2> <p></p> </div> 3. 沒有現有元素區分的情況下再用div <div id=”mainNav”> <ul> <li>Home</li> <li>About

圖片新聞一 圖片新聞二 圖片新聞三 圖片新聞四 1 2 3 4 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

文章目錄 上面的下面的 先說說在嘗試的過程發現的幾個問題 1、盒模型問題 相信玩重構或者說是DIV+CSS的朋友應該都知道這個東西，廢話不多說，不知道而有興趣可以去網上搜尋一下。這裡我提到這個是因為這個布局是用百分比來控制的，所以當加對邊框加上1px的邊後，就不好減回來，我是捨棄了上邊的邊框樣式。 2、溢出問題

Positoin屬性有四個值： static、fixed、absolute和relative，後面兩個在布局中的定位裡是經常用到的，顧名思義，absolute是指絕對位置，即將對象從文檔流中拖出，使用left，right，top，bottom等屬性進行絕對位置，而其層疊通過z-index屬性定義。此時對象不具有邊距，但仍有補白和邊框。ralative是指相對定位，就是依據left，right，top，bottom等屬性在正常文檔流中位移位置。

序號 中文說明 標記文法 備忘 1 背景顏色 {background-color:數值} 2 背景圖片 {background-image: url(URL)|none} 3 背景重複 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4 背景固定 {background-attachment:fixed|scroll} 5 背景定位

通用類 overflow:hidden;自動隱藏超出的內容，防止撐開層和表格的範圍 !important 指定樣式規則的應用優先權 文字類 color: #FF0000;文字顏色 font-family: "Arial", "Helvetica", "sans-serif";字型 font-size: 9px;字型大小 text-align：center; 置中(left為居左,right為居右) line-height：28px；行高(可用150%值) font-style:

先說下這套架構的優點：1.可以方便的把繁重的CSS編寫工作分配出去，而不會相互造成影響。2.結構清晰，利於維護和修改。3.每一張網頁都僅載入自己需要的CSS。總結下來就是：提高開發效率，提高維護效率，提高網頁載入效率。下面我解釋一下上面這張CSS結構圖：圖中間的5個黑色的圖示表示網頁，其中上面單獨的一張是主版頁面，下面四張是子頁。使用VS的人都知道主版頁面的作用，相當於asp中的include，把共通的部分作成母片，單獨的部分作成子頁，提高開發效率。圖上方綠色框內的是全域CSS部分，它們存放在s

第一部：關於構建CSS架構我們要實現的目的：1.實現標準化，具備主流平台適應性的前端實現； 2.快速開發，在網站風格確定後，前端不應該成為整個項目裡瓶頸； 3.重構的需求，儘可能的讓類和區塊樣式可重用； 4.分離結構和表現的需求，遵守了語義化結構的約定; 5.構架完全符合金融網特色的CSS架構。 6.對代碼進行必要的搜尋引擎最佳化。第二部：關於CSS命名的一些約定：1.不使用大寫形式的類名和id名; 2.儘可能使用描述性的英文單詞的組合作為類名和id名; 3.id名及類名的多個英文單詞之間使用“

BI上有高手專門討論了這種布局方法，但他用了較多的hack，還迴避了IE6的dtd。我在實際使用中，發現迴避掉IE6的dtd定義後，會導致ajax模態框無法置中（VS的一個控制項，自動產生的程式碼，很難修改）。 於是自己寫了個簡單的左右兩列的布局，沒用到什麼hack，很簡單，只是練手用用。

但是實際上，瀏覽器遠遠不止這幾個,Firefox分為Firefox 1.5,Firefox 2,Firefox 3幾個主要版本，IE7,IE6中也各有好幾個系列,另外除開這兩個主流廠商的產品之外，還有Opera,Konqueror,Netscape,chrome等一系列。

一、少用偏門。　　類似break-word斷行，z-index手動分層，還有像垂直對齊等等這些偏門CSS最好少用，因為不一定所有瀏覽器都支援，而且極難通過W3C檢測。 　　二、center不是float的值。　　很多新手都會把center誤認為是float的值，而偏偏不是如此。center只是text-align的值。 　　三、對齊不能包括兩個值。　　很多新手會在float或者text-align中填寫兩個值，比如：float:left top。這是不允許的，瀏覽器也無法識別。

看到一些網站的頁中大部分是這樣寫的 <style type="text/css" media="screen"> @import url("http://www.jb51.net/home/css/global/v2.0.css?t=20070518.css"); </style> 　　而很多網站使用的都是link <link rel="stylesheet" rev="stylesheet" href="default.css" type="text/css"

1、很多相容性問題，是因為不同標籤在不同瀏覽器下有著不同的 padding margin預設值。所以可以事先定義 複製代碼 代碼如下:* { padding：0; margin:0;} 或者 複製代碼 代碼如下:ul,li,h1,h2,h3,h4,h5,h6,p,table,td,div,img,hr,dd,dt,span,a,dt,dd,ol{margin:0;padding:0;font-size:12px;} 2、關於布局，可以看dreamweaver

FF瀏覽器 .test{ height:20px; background-color:orange; } IE7瀏覽器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6瀏覽器 *html .test{/*IE6*/ height:20px; background-color:black; } 通過上面的CSS代碼可以看出FF還是最聽話的瀏覽器。在IE6和IE7如果要使用HACK必須要在前面加上夫級標籤html。

在CSS Expression中使用JavaScript運算式。CSS屬性根據JavaScript運算式的計算結果來設定。 CSS Expression在其它瀏覽器中不起作用，因此在跨瀏覽器的編碼中單獨針對IE設定時會比較有用。 從IE5開始支援CSS Expression。我們看下面的代碼： 複製代碼 代碼如下:background-color: expression( (new Date()).getHours()%2 ? "#F00" : "#00F" ); 上面的代碼是使用CSS

這篇文章主要寫的提高網頁在用戶端瀏覽器的渲染速度的CSS部分，暫時總結了10條。 1、*{} #jb51 *{} 盡量避開 由於不同瀏覽器對HTML標籤的解釋有差異，所以最終的網頁效果在不同的瀏覽器中可能是不一樣的，為了消除這方面的風險，設計者通常會在CSS的一個始就把所有標籤的預設屬性全部去除，以達到所有簽標屬性值都統一的效果。所以就有了*萬用字元。*會遍曆所有的標籤； *{margin:0; padding:0} 如果這樣寫，頁面中所有的標籤的margin全是0；padding也是0；

文本左右對齊： 複製代碼 代碼如下:text-align:justify; text-justify:inter-ideograph; 清除浮動： 複製代碼 代碼如下:.clear{clear:both;line-height:0;height:0;font-size:0;} 清除浮動偽類： 複製代碼 代碼如下:.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

在介紹ensure內部的實現之前，讓我們先來看看其功能： ensure({ html: "popup.html", javascript: "popup.js", css: "popup.css" }, function() { Popup.show("hello world"); } );

更加壞的事情是，即使你僅僅針對IE設計，不考慮其它瀏覽器，由於IE模型絕對可以說是一隻讓人難以捉摸其脾氣的怪物，所以你單純為IE設計也會遇到眾多難題，發現很多的效果總是繞來繞去都難以實現。我們都知道，XHTML+CSS的目標就是實現內容與表現分離，理論上對於任何特定一份內容，我們都可以通過CSS實現任何我們想要的表現形式，或者細緻地說是布局形式。雖然現實與這個目標有一定差距，但是CSS已經能夠滿足大多數常見的布局需求，這有CSS Zen