CSS

瀏覽器的條件注釋理論，用下面一段例子來解釋這個問題 (X)HTML 下面一段代碼是測試在微軟的IE瀏覽器下的條件備註陳述式的效果 複製代碼 代碼如下: 您正在使用IE瀏覽器 版本 5 版本 5.0 版本 5.5 版本 6 版本 7 下面的代碼是在非IE瀏覽器下啟動並執行條件注釋 複製代碼 代碼如下: 您使用不是 Internet Explorer最終在非IE和特殊的IE瀏覽器下起作用 (或者使用 lte lt 或者 gt

在編寫css樣式表的時候常常會碰到一寫瀏覽器安全色的問題，象是不同核心的瀏覽器顯示就不一定相同，不同版本的的瀏覽器也會產生上下相容的問題，如何解決這些問題成了我們苦惱的問題，如果你對css hack技術很瞭解的話，那這就是太簡單不過了，不過對於那些不怎麼解的人來說可真成了他們所苦惱的事。在這就從 趙磊官方部落格 引來一篇文章來介紹相容各個瀏覽器的技巧。但是你也不要認為只要是瀏覽器顯示出現差錯就事瀏覽器的問題，也很可能是你的結構不好，建議你好好去學習一下語義結構，畢竟蓋房子要先搭鋼筋的。

本文為翻譯文章，全文地址：http://diger.cn/article.asp?id=351原文地址：http://www.filamentgroup.com/lab/buttonElement/Particle Tree

css中的行間距的代碼_經驗交流Css中行間距定義是： line-height:18px;上面代碼是將行間距設為18px。長期以來，我在定義字型樣式的時候，通常是這樣： #myFont{ font:12px tahoma; line-height:18px; }今天才發現，原來可以寫成一行，修改如下： #myFont{ font:12px/18px tahoma;

利用了CSS2 的 相鄰選擇符 IE7以下不支援 隔行換色樣本: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 放棄class與js實現隔行換色效果 12121212 12121212 12121212 12121212 12121212 隔列換色樣本： "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

SPAN 和 DIV 的區別在於，DIV(division)是一個區塊層級元素，可以包含段落、標題、表格，乃至諸如章節、摘要和備忘等。而SPAN 是行內元素，SPAN 的前後是不會換行的，它沒有結構的意義，純粹是應用樣式，當其他行內元素都不合適時，可以使用SPAN。 　　下面以一個執行個體來說明這兩個屬性的區別。 　　代碼：

一、關於注釋 在建立xhtml+CSS網站時，CSS中的注釋非常重要。在建立CSS樣式時，應當保持隨手注釋的習慣。一般的，我習慣於使用“/* 注釋內容 */”的格式來寫注釋，因為在EditPlus等具有高亮功能的編輯器裡，使用C語言中常用的“/***************/”之類的注釋是無意義的，沒有必要填充大量無意義內容作為分隔。帶有注釋的文檔作為網站的原始CSS文檔，在發布網站的時候，可以使用CSS壓縮公用程式壓縮CSS，在輸出的CSS中去掉注釋以提高檔案傳輸效率。 二、關於命名

常用的DIV+CSS的基本架構結構但不推薦都放一個div裡css樣式代碼： 程式碼複製代碼 代碼如下:/*---全域樣式---*/ * { margin:0px; padding:0px;} body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;background:#fff;} /*---主體樣式---*/ #container {} .clearfloat

符合XHTML標準DIV+CSS布局的網站，下面說說在SEO方面的影響。 　　代碼精簡 　　使用DIV+CSS布局，頁面代碼精簡，這一點相信對XHTML有所瞭解的都知道。代碼精簡所帶來的直接好處有兩點：一是提高spider爬行效率，能在最短的時間內爬完整個頁面，這樣對收錄品質有一定好處;二是由於能高效的爬行，就會受到spider喜歡，這樣對收錄數量有一定好處。 　　表格的嵌套問題

在藍色上看到這篇文章的，感覺作者總結的不錯，至少有些偶自己也沒有真正的認識過。這些 東西的確是應該好好總結一下的，可惜偶這人比較懶，收藏整理於此，便於自己學習！ 1.firefox不能對innerText支援。 firefox支援innerHTML但卻不支援innerText，它支援textContent來實現innerText，不過預設把多餘的空格也保留了。如果不用textContent，如果字串裡面不包含HTML代碼也可以用innerHTML代替。 2.禁止選取網頁內容：

CSS網頁布局入門教程3：一列固定寬度置中_基礎教程頁面整體置中是網頁設計中最普遍應用的形式，在傳統表格版面配置中，我們使用表格的align="center"屬性來實現，。p本身也支援align="center"屬性，也可以讓p呈現置中狀態，但css布局是為了實現表現和內容的分離，而align對齊屬性是一種樣式代碼，書寫在XHTML的p屬性之中，有違背分享原則（分離可以使你的網站更加利於管理），因此應當css的方法實現內容的置中，我們以固定寬度一列布局代碼

學習任何東西都是一樣，從小學、中學、大學，除了學習知識外就是去學習方法！ 　　要想掌握CSS,

從二列固定寬度入手，開始嘗試二列布局的情況下，左右欄寬度能夠做到自適應，從一列調適型配置中我們知道，設定自適應主要通過寬度的百分比值設定，因此在二列寬度自適應的布局中也同樣是對百分比寬度值的設計，繼續上面的CSS代碼，我們得新定義二列的寬度值： 複製代碼 代碼如下:#left { background-color: #E8F5FE; border: 1px solid #A9C9E2; float: left; height: 300px;

在實際應用中，有時候需要左欄固定寬度，右欄根據瀏覽器視窗大小自動適應，在CSS中實現這樣的布局方式是簡單可行的，只需在設定左欄的寬度即可，如上例中左右欄都採用了百分比實現了寬度自適應，而我們只需要將左欄寬度設定為固定值，右欄不設定任何寬度值，並且右欄不浮動，代碼如下： 複製代碼 代碼如下:#left { background-color: #E8F5FE; border: 1px solid #A9C9E2; float: left; height: 30

從1990年代初HTML被發明開始樣式表就以各種形式出現了，不同的瀏覽器結合了它們各自的樣式語言，讀者可以使用這些樣式語言來調節網頁的顯示方式。一開始樣式表是給讀者用的，最初的HTML版本只含有很少的顯示內容，讀者來決定網頁應該怎樣被顯示。 但隨著HTML的成長，為了滿足設計師的要求，HTML獲得了很多顯示功能。隨著這些功能的增加外來定義樣式的語言越來越沒有意義了。 1994年哈坤·利提出了CSS的最初建議。伯特·波斯（Bert

CSS屬性 - white-space 空白屬性說明 該CSS屬性用來處理空白。 值：normal | pre | nowrap | inherit 可用值 值的說明 normal 預設值。文本自然換行。如果超過元素寬度，內容自然換到下一行。 nowrap 不允許換行。 pre 保留換行和空白。這個值只有當你聲明了!DOCTYPE，且 IE 6 以上版本才支援。 在 HTML 檔案裡，空白，比如分行符號 (line breaks)、 空格 (spaces)、 定位字元

一.區分大小寫 當在XHTML中使用CSS，CSS裡定義的元素名稱是區分大小寫。為了避免這種錯誤，我建議所有的定義名稱都採用小寫。 二.不需要給背景圖片路徑加引號 為了節省位元組，我建議不要給背景圖片路徑加引號，因為引號不是必須的。例如： background:url("images/***.gif") #333; 可以寫為 background:url(images/***.gif) #333; 如果你加了引號，反而會引起一些瀏覽器的錯誤。 三.用正確的順序指定連結的樣式

1.取消按鈕按下時的虛線框 　　在input裡添加屬性值 hideFocus 或者 HideFocus=true 2.唯讀文字框內容 在input裡添加屬性值 readonly 3.防止退後清空的TEXT文檔(可把style內容做做為類引用) 　　 4.ENTER鍵可以讓游標移到下一個輸入框 　　 5.只能為中文(有閃動) 　　 6.只能為數字(有閃動) 　　 7.只能為數字(無閃動) 　　57)) event.returnValue=false">

今天小雷提到一個ie5下li產生空白行距的問題，下面來測試一下。 建立一個簡單的HTML測試檔案，下面來測試ul li標籤。 代碼如下:<ul> <li><a href="#">菜單一</a></li> <li><a href="#">菜單一</a></li> <li><a

CSS 相容要點： 1、 DOCTYPE 影響CSS 處理 。 2 、FF: div 設定 margin-left, margin-right 為 auto 時已經置中, IE 不行。 3 、FF: body 設定text-align 時, div 需要設定margin: auto(主要是 margin-left,margin-right) 方可置中。 4 、FF: 設定padding 後, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important