CSS

常用的清除浮動的方法有以下三種。      此為未清除浮動原始碼，運行代碼無法查看到父級元素淺黃色背景。         Left Right [Ctrl+A 全選

此時在IE中到底是什麼在影響著最終的顯示，又是如何解析的呢？ 　　可能的影響因素：字型大小（font-size），字型行高（line-height），高度（height），溢出（overflow） 　　我們對上面的代碼逐一添加過濾屬性（具體的過程有興趣的朋友，可以私下裡實驗一下，“自己動手，豐衣足食”！）

提出問題：  <td width="28%" align="right" nowrap >  我設定nowrap和不設定nowrap效果都一樣。就是表格隨著文字自動伸展，為什嗎？  →回答問題：  TD元素noWrap屬性的行為與TD元素的width屬性有關。  ◆如果未設定TD寬度，則noWrap屬性是起作用的。  ◆如果設定了TD寬度，則noWrap屬性是不起作用的。 

由於現在百分之99.99%的CMS都是用div+css來構建網頁模板的，被逼無奈，一大把年紀了還要學習CSS，說實話沒覺得用div來布局比table好在什麼地方！但迫於行勢，先硬著頭皮看吧，能學多少是多少。根據資料與結構分離的原則，CSS最好要獨立於網頁檔案，用 複製代碼

　　1、表單文本輸入的移動選擇： 　　在文本輸入欄中，如果加入了提示，來訪者往往要用滑鼠選取後刪除，再輸入有用的資訊。其實只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 <textarea> 中，一切就會變得簡單多了，如： 複製代碼 代碼如下:<textarea name=textarea wrap=virtual rows=2 

這個效果是今天有人寫郵件給我問的一個效果，記前以前利用A標籤的背景寫過一個類似的效果。於是剛剛回來就寫了一下他要求的效果！順便貼出來和大家分享一下，如果你很有創意，那麼你一定能作出更有意思的效果。他提出來的效果，是九天音樂首頁一個FLASH的作的效果，要用CSS模仿同樣的效果，可能是因為不想用FLASH或是SEO之類的目地。於是用FW作了兩張GIF的圖片，來模仿這樣的效果，由於是是測試用，所以圖片等很多方面沒有考慮的特別細。有些粗糙，但看上去還是有那麼點意思的，呵呵……  

你可以用類選擇符class和標識選擇符id來定義自己的選擇符。 這樣做的好處是，依賴於class或者id，你可以不同地表現相同的HTML元素。 在CSS中，類選擇符在一個半形英文句點（.）之前，而id則在半形英文井號（#）之前。 看起來像這樣： #top { background-color: #ccc; padding: 1em } .intro { color: red; font-

做DIV+CSS頁面，不推薦使用的標籤代碼，請盡量不要使用這些HTML標籤： Do not use these html elements in html pages.  Presentational elements should not be used. 

在WEB上傳檔案時，要用到上傳框：  <input type="file" id="f" name="f"> 

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

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

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

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

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

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

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

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

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

利用 CSS + 標籤 來完成一個三角形的製作 M One M Two M Three M Four [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

瀏覽器安全色問題-CSS Div 最小高度在IE 6 和IE 7中的相容性問題 用CSS 的定義一個DIV的高度時，在IE 7瀏覽器下可以正常顯示。但是在IE 6 中，height 在10px以下就無法定義了。這點跟表格有點類似。解決的方法如下： 法一：定義overflow屬性。比如想定義一個高度為2px 的線條。