CSS

在網頁製作中，有許多的術語，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我們將會用到一些有關於HTML的基本知識，而在你學習這篇入門教程之前，請確定你已經具有了一定的HTML基礎。下面我們就開始一步一步使用DIV+CSS進行網頁布局設計吧。所有的設計第一步就是構思，構思好了，一般來說還需要用PhotoShop或FireWorks(以下簡稱PS或FW)等圖片處理軟體將需要製作的介面布局簡單的構畫出來，以下是我構思好的介面布局圖。下面，我們需要根據構思圖來規劃一下頁面的布局，仔

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 用CSS實現的一張圖完成的導航條 遊 戲 娛 樂 菜 單 好 玩 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

作者：eoe1.尋尋覓覓先要找個到好效果~才能抄如http://www.cssplay.co.uk/ http://www.cssbeauty.com 等都能常常看到今天不小心路過cssplayhttp://www.cssplay.co.uk/

· ul 標籤在 Mozilla 中預設是有 padding 值的，而在 IE 中只有 margin 有值。 

510){this.resized=true;this.style.width=510;}">從這些CSS

針對瀏覽器隱藏CSS之獨孤九劍Hide CSS for

聲明：以下內容收集於網路，經才子理解後，加以整理編輯，轉載請保留才子小站的連結，謝謝！！！才子手記：http://blog.54caizi.com玩WEB重構的朋友相信都有一個同樣的苦惱，那就是由於瀏覽器版本的不同，對CSS裡某些元素的解釋也不一樣，才子當然也碰到同樣的問題，也收集了一些解決方案，才子之前貼過兩個針對瀏覽器版本不同而選擇不同CSS的代碼，有興趣的朋友自己找找吧。其實我們還可以利用條件注釋的方法來達到類似的目的，什麼是條件注釋，才子也在此簡單介紹一下，無非就是一些if判斷啦，呵呵，

瀏覽器的條件注釋理論，用下面一段例子來解釋這個問題 (X)HTML 下面一段代碼是測試在微軟的IE瀏覽器下的條件備註陳述式的效果 <!--[if IE]> <h1>您正在使用IE瀏覽器</h1> <![endif]--> <!--[if IE 5]> <h1>版本 5</h1> <![endif]--> <!--[if IE 5.0]&

DIV+CSS編輯器 線上DIV+CSS編輯器 類/標籤/ID： 所有數值都不用輸入單位; 寬： 高： 背景色： 前景色彩： 邊框： 顏色： 選擇soliddottednonehiddendasheddoublegrooveridgeinsetoutset 外間距 Margin ： 如:10px 2px 內間距 Padding： 如:10px 2px 浮動： 左 右 × 顯示： 選擇 block inline none 可見：

很多認真的讀者提出了不少的問題和建議，以下是本人看完書後的補充的一些觀點： 總的來說，翻譯能得85分，不像某些人說得那麼差，誤導讀者。 1. filter在本書中有兩個用途，52頁中間AlphaImageLoader過濾器應該翻譯為濾鏡，其他的地方翻譯成過濾器是比較合適的。 2. 71頁原書應該有錯誤，a:hover偽類問題不止是IE 5.x有問題，IE6標準模式下也是有問題的。 3. 144頁（原書164頁）應該是原書的錯誤，MSBMH程式碼片段有問題：

作者：zishu以下是客齊集網站上應用的一個導航條.這次寫的沒有直接在STYLE裡用ID的形式控制.全部用的CLASS形式; 複製代碼 代碼如下:<style type="text/css"> #zishu li{ float:left; margin-left:5px; margin-top:50px;}

作為一個程式員，經常需要面對的一個問題就是在新聞等資訊的標題列表中，常常為了適應表格的寬度，需要對過長的標題文字的進行截取並在截取後的文字末端加上省略符號。　　眾所周知，有很多方法可以實現這個功能，JavaScript，ASP，PHP都有各自的實現方法，但是面臨的問題有很多，比如中英文混雜時或在某些編碼下，容易造成截取出現亂碼的問題，雖然大多數問題已經有比較成熟的解決方案，但在資料量比較大時，使用JavaScript，ASP，PHP實現這一功能，無疑會給用戶端或伺服器端造成比較大的資源開銷。　　

HTML對於＜font＞內容＜/font＞卷標只有： ＜font color=colorvalue size=fontsize face=字型＞＜/font＞這3種設定，而關於CSS對於＜font＞內容＜/font＞的延伸規格讓我們可以對字型的有更詳細的設定。對於字型的設定： font-family:字型名稱1,字型名稱3,字型名稱3等等。顯示字型的優先順序，若電腦中有安裝該字型，便以該字型顯示。如果你所設定的字型，client的電腦全部都沒有安

/**//*按鈕樣式*/ .ButtonCSS {}{     font-family: "Tahoma", "宋體";     font-size:9pt; color: #003399;     border: 1px #003399 solid;

IE5及其以後版本支援在CSS中使用expression，用來把CSS屬性和Javas cript運算式關聯起來，這裡的CSS屬性可以是元素固有的屬性，也可以是自訂屬性。就是說CSS屬性後面可以是一段Javas cript運算式，CSS屬性的值等於Javas cript運算式計算的結果。 在運算式中可以直接引用元素自身的屬性和方法，也可以使用其他瀏覽器對象。這個運算式就好像是在這個元素的一個成員函數中一樣。  　　給元素固有屬性賦值

以下是CSS內容部分： 以下是引用片段： 首頁 數位通訊 女人 男人 家居 書籍音像 運動 遊戲 寵物 香港街 淘寶商城

三欄布局是目前最常見的網頁布局，主要頁內容放在中間一欄，邊上的兩欄放置導航連結之類的內容。基本布局一般是標題之下放置三欄，三欄佔據整個頁面的寬度，最後在頁的底端放置頁尾，頁尾也佔據整個頁面寬度。 絕大多數網頁設計者都熟悉傳統的網頁設計技術，用這些技術可以產生帶有表格、建立固定寬度布局或者“液態”（它可以根據使用者瀏覽器視窗寬度自動調整）布局的網頁。

CSS布局提倡者的聲音正被"表格版面配置的優點"的聲音所覆蓋。一個荒誕的說法是CSS是難學的。事實上，CSS一點也不比其他網頁技術難。問題在於：對於表格設計已經相當有經驗的web設計師不得不完全放棄他們的思維模式改用CSS方法。 我曾經用表格版面配置設計過許多年，當我第一次開始使用CSS布局時，我也遇到了問題。"用表格多簡單呀"我想。但是，那隻是因為我已經用慣了表格，我知道如何巧妙的處理它們。任何改變，哪怕是小小的一點，都會讓我覺得麻煩，更不用說這麼激烈的變化。

無意中發現，針對同一HTML標記，在CSS中同時應用了font和line-height屬性時，就得小心了，這二者的書寫順序不一樣，會導致顯示效果不同。 即： >>> 如果先寫font，再寫line-height，顯示效果正常 >>> 如果先寫line-height，再寫font，則line-height定義的效果會丟失，在IE、Firefox、Opera下都出現這種BUG 具體效果請看以下代碼： <p>h1：</p>

使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則如下： 顏色 16進位的色彩值，如果每兩位的值相同，可以縮寫一半，例如： #000000可以縮寫為#000;#336699可以縮寫為#369; 盒尺寸 通常有下面四種書寫方法: property:value1; 表示所有邊都是一個值value1；