CSS

盡量少使用類,因為可以層疊識別,如: .News h3而不必在h3上加類 3. 沒有現有元素區分的情況下再用div Home About Us 可以改為 Home About Us 4.選取器 p a h1 類型選取器 Li a {text-decoration:none} 後代選取器 *{ padding:0;} 通用選取器，頁面所有元素。 5. 定位 相對定位是相對他本來應該出現的位置 絕對位置是相對與最近的已定位的祖先元素（實驗發現，祖先元素需要設定相對定位）

只要觸發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，現在我們可以試試這個新的方法了！

網頁採用了 UTF-8 編碼格式，這本來沒有問題，問題是外部 CSS 檔案預設是 ANSI 編碼，並沒有儲存為 UTF-8 格式。可能你會發現在一般情況下這樣也是沒有問題的，然而當 CSS 檔案中包含有中文注釋時就可能不盡如人意了！估計是 IE6 版本以下的瀏覽器在解析這個 CSS 檔案時因為編碼問題而無法正確解析，所以才會發生 CSS 在 IE6 下不起作用的情況。看來微軟已注意到這個問題，在 IE7 中把它修複了。但是用IE6 的人還是不少。因此這個問題需要解決： 　　 方法一：把 CSS、

看樣本吧: HTML樣本: Demo Mozilla Opera Netscape Firefox IE6 Windows Style CSS 只要內容大於一屏的高度就行 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]你刪除第一行注釋看看效果如何?

如今大部分網站仍然採用表格嵌套內容的方式來製作網站，雖然此方法對於我們來說比較熟悉、比較上手；但是，它卻阻礙了一種更好的、更有親和力的、更靈活的，而且功能更強大的網站設計方法——DIV+CSS。CSS網頁布局的意義體現在如下方面：一、使頁面載入得更快由於將大部分頁面代碼寫在了CSS當中，使得頁面體積容量變得更小。相對於表格嵌套的方式，DIV+CSS將頁面獨立成更多的地區，在開啟頁面的時候，逐層載入。而不像表格嵌套那樣將整個頁面圈在一個大表格裡，使得載入速度很慢。二、降低流量費用頁面體積變小，瀏覽

通用類 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:

根據時間自動調整網站風格是不錯的想法，這種根據時間自動調整網站風格也不是什麼新鮮事，記得好久以前也見過類似的文章或方法，只不過當時沒有特別注意。下面說一下它們的實現方法，目前網上有這樣兩種實現方法： 一、採用服務端的代碼 ASP版本： if hour(now)response.write "morning.css" elseif hour(now)response.write "day.css" else response.write "night.css" end if %> "/>

純css圖切換 練習 教程來自snwebsite 123 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

在做頁面的時候，經常要根據不同的操作來顯示或隱藏一個表格中的部分內容，隱藏一行直接用標籤，隱藏多行時用就很方便。 表單內容 多行內容 多行內容 用js來控制樣式display來顯示和隱藏，很方便。聽說這樣還可以控制網頁載入時顯示的順序，content1會比content2先顯示，而不是等表格載入完後一起顯示，沒有實驗過，在表格式資料很多時會有作用。

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

看到一些網站的頁中大部分是這樣寫的 　　而很多網站使用的都是link 　　而像google 百度 163等網站他們都是直接寫在網頁中 　　當然使用連結link和匯入import的好處就是易於維護，但當網速比較慢的時候，會出現載入中斷的情況，導致頁面排版錯誤 　　他倆的作用相同 　　唯一的不同是服務物件不一樣 　　@import 為CSS服務 　　link是為當前的頁服務 　　經典有網友說 @import會優先執行。 　　外部參考CSS中 link與@import的區別

複製代碼 代碼如下: 指令碼控制三行三列自適應高度DIV布局 指令碼控制三行三列自適應高度DIV布局 親和力指的並不只是關於盲人和螢幕助讀程式。還有許多人雖然不是盲人，但是有視力障礙 - 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許使用者改變文字大小；拒絕提供這樣的選擇就剝奪了使用者的主導權，很可能使使用者無法舒適地閱讀。 親和力指的並不只是關於盲人和螢幕助讀程式。還有許多人雖然不是盲人，但是有視力障礙 -

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

首字放大練習_指令碼之家_www.jb51.net 腳本之家 www.jb51.net。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt

最近製作下拉式功能表時，打算用純CSS，忽又看到令人頭痛的CSS hack代碼（平時很少關注），記錄下來以作備用。 …………. Ite：less than or equal to意思是小於或等於IE6瀏覽器，用於IE瀏覽器的條件注釋，常用於CSShack，針對IE的JS等。 以下是各種情況，未驗證。 1. 除IE外都可識別 2. 所有的IE可識別 3. 只有IE5.0可以識別 4. 僅IE5.0與IE5.5可以識別 5. IE5.0以及IE5.0以上版本都可以識別 6.

先說說在嘗試的過程發現的幾個問題 1、盒模型問題 相信玩重構或者說是DIV+CSS的朋友應該都知道這個東西，廢話不多說，不知道而有興趣可以去網上搜尋一下。這裡我提到這個是因為這個布局是用百分比來控制的，所以當加對邊框加上1px的邊後，就不好減回來，我是捨棄了上邊的邊框樣式。 2、溢出問題 這個問題只要對overflow做hidden就可以了，防止內容過長而溢出。剛剛開始的時候可以對html跟body的overflow加一個hidden屬性。Blank 告訴我，IE預設是有捲軸的寬度（這個偶知道）

作者：洛科先看這一句 複製代碼 代碼如下: 在IE下是沒問題的，當滑鼠划過去時，會出現一個小手的形狀，但是在FF中，只有第一次划過去才有效，這個有效是因為有錨記A的存在，而不是onmouseover起作用的結果。 網上找了很多，都說只要讓this.style.cursor='hand'改成this.style.cursor='pointer'就可以了，但是在FF中滑鼠划過去時只有第一次會出現小手。 其實在FF下面要達到在IE中一樣的效果也是可以的。我們的辦法就是使用CSS

本來還以為這塊是由後台單獨去做的，今天看到這種效果，居然是CSS實現的。現在將它放到這裡與大家共用 <style><!-- .title{ font-size:14px; font-weight:bold; color:#FF6600 } .t0{ margin:3px; padding:3px; list-style-type:none; line-height:16px; } .t1{ font-size:14px; margin-right:5px;

content [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]終於見識了這個變態的IE7，象霧象雨又象風，IE系列的CSS hack: * html它認；Firefox的CSS hack: html>body、#id[id]、html[xmlns] div這樣的東東它也認，教我說它什麼好呢！ 最終通過無敵 * 解決了它！