CSS

我的MzTreeView1.0樹控制項發布至今，得到了不少意見反饋，很多網友給了我很多的中肯的建議，也指出了這個控制項裡的諸多BUG和不足之處，所以我準備寫一個新版本的樹，將大家的建議都整合進來實現。這幾天我就一直在寫新版的樹，樹控制項最重要的是效率，特別是大節點量的時候，效率稍微差點的模式就會拖垮瀏覽器，所以新版的樹我首要的還是提高效率，比如增加非同步資料載入的支援等，另外我還有一個設想，就是樹的樹型結構豎線用樣式表（背景圖）來實現，樣式表背景圖片只需要載入一次，而現在這個模式（用多個）圖片雖

我們編寫 VML 很重要的就是要和 資料庫結合，如果和資料庫結合了，讀資料和把資料轉換成 VML 變成了兩部分。如果直接使用 ASP 產生 包含很多 VML 的頁面，一旦資料量多了，整個頁面就變得很龐大，下載速度慢了，IE解釋代碼的速度也慢了，所以用指令碼動態產生 VML 變得非常重要了。 用 VML 畫一個，可以更明確上面的意義： 前面的圖文簡單的說就是：使用一個 Iframe

如果我們想在3列布局的最後加一行頁尾，放著作權之類的資訊。就遇到必須對齊3列底部的問題。在table布局中，我們用大表格嵌套小表格的方法，可以很方便對齊三列；而用div布局，三列獨立分散，內容高低不同，就很難對齊。其實我們完全可以嵌套div，把三列放進一個DIV中，就做到了底部對齊。下面是實現例子(白色背景框類比一個頁面)：Body 這裡是#header{ MARGIN: 0px; BORDER: 0px; BACKGROUND: #ccd2de; WIDTH: 580px; HEIGHT: 6

布局初步搭建起來，我開始填充裡面的內容。首先是定義logo圖片：樣式表：#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;}頁面代碼：

用web標準設計網站，過渡的方法主要是採用XHTML+CSS，css樣式表是必不可少的。這就要求所有網頁設計師必須熟練掌握CSS，如果你以前不常用，那麼現在就開始學習吧。要製作符合web標準的網站，不懂CSS是設計不出漂亮的頁面的。事實上，所有表現的地方都需要用CSS來實現。我們以前都習慣用table來定位和布局，現在要改用DIV來定位和布局。這是思維方式的變化，一開始有些不習慣。呵呵，任何變革都會有阻力的，為了享受標準帶來的"益處"，放棄一些老的傳統做法是值得的。外部調用樣式表在以前，我們通常

UTF8 == Unicode Transformation Format -- 8 bit 是Unicode傳送格式。即把Unicode檔案轉換成BYTE的傳送流。 UTF8流的轉換程式： Input: unsigned integer c - the code point of the character to be encoded （輸入一個unicode值） Output: byte b1, b2,b3, b4 - the encoded sequence of bytes

網頁的標題 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 網頁的標題 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]很顯然，跟HTML網頁的結構很類似，以上標記的意思你可以理解為如下（//符號後是解釋） //關鍵語句，指明該網頁建立一個名為 v 的XML名網域命名空間 //網頁聲明部分，被包圍的語句可以是一些網頁資訊、資源定義語句

大家知道，asp本身提供分頁功能，但是，如果資料量很大的時候，分頁顯示起來，每換一頁都要等N長時間，那是人們最討厭的事情。那為什麼每換一頁都要這麼長時間呢？其實，事實上每換一個頁面，後台就從資料庫中檢索一次資料，這樣一來資料量大了，自然速度緩慢。這當中我們可以看出它做了很多次重複的工作。資料的檢索只要一次就夠了，因為資料沒被操作過，無論檢索幾次結果都是一樣的。我們的目標就是要把這當中的重複檢索次數減少到最少，1次或者2次。方法就是：把檢索好的資料儲存起來（比如你可以在登入成功後就在後台檢索你要的

我們知道Dreamweaver在表格製作方面做得非常出色，但是在某些時候還是必須結合css才能達到一些特定效果，下面我們先把有關表格邊框的css文法整理出來，然後另外介紹怎樣用css美化表格的邊框。 　　有關表格邊框的css文法 　　具體內容包括：上邊框寬度、右邊框寬度、下邊框寬度、左邊框寬度、邊框寬度、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關標籤等。 　　 1.上邊框寬度 　　文法: border-top-width: 　　允許值: thin |

翻譯：onestab [2004.03.09]原文：mezzoblue CSS Crib Sheet在使用CSS建站時，您肯定遇到過形形色色的布局問題，最後可能被搞得焦頭爛額。本文的目的是讓您的設計過程更為容易，當您遇到困難時為您提供快速參考。如果您有所補充，請在這裡發表您的意見.本文的其他語言版：法語, 德語, 西班牙語 和 匈牙利語。 歡迎提供其他翻譯。有疑問，先驗證 在調試時，先對您的代碼進行驗證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會導致許多布局上的錯誤。

由於自己網站的首頁用了透明Flash。在IE核心的瀏覽器顯示一切正常。可到了Firefox裡面就沒有了透明效果，特別是有些網站用的是全頁面的透明Flash這樣滑鼠不能穿透，真就傷腦筋了。今天特地到Firefox社區去尋找答案去了。結果是我們的代碼不標準，還好我用的Flash不多。趕緊改了試試。[sleepy]問題解決。 原來要在Embed標籤下加上wmode="transparent”這個屬性。 相關代碼如下： 程式碼 複製代碼 代碼如下: 

在IE7之前,我們在布局時常用!important來解決IE和FF之間的差別; 但是在IE7出來之後,!important對IE7就不起作用了,而有些時候IE7的解釋方法又與FF和IE6不同;這時新的問題就出現了;用!important可以解決IE6但是解決不了IE7; 這樣在不同的瀏覽器中看到的同一個網頁的效果就不同了; 這是前天作布局時的一個問題;可以先看一下效果;http://www.zishu.cn/blogview.asp?logID=553

這個例子是用JS指令碼控制並列DIV的高度,通常在DIV布局中,自適應高度一直是比較頭疼的問題,一般大都採用背景圖、外套DIV、右欄覆蓋左欄......來解決。現在加了指令碼後，簡單多了，假如有三個水平並列的DIV，fbox、mbox、 sbox,只要在標籤中寫入：onload="P7_equalCols('fbox','mbox','sbox')"，測試條件：ie5.x、ie6.0、FF1.03、NS7.2、opera8.01。最終效果。 JS代碼:著作權歸原作者 ,僅供學習研究. 複製代碼

每次都寫一大堆東西太麻煩了，所以就弄這個模板出來，每次直接複製或者修改刪除一部分就可以直接用了 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]作者：20040326a

很長一段時間，我都使用12px作為網站的主要字型大小。10px太小，眼睛很容易疲勞，14px雖容易看清，卻破壞頁面的美感。唯獨12px在審美和視力方面都恰到好處。誰對我的網站字型大小有意見？我老爸，他是第一個向我反映看不清我的網站文字的人。這使我意識到12px，其實只是讓我覺得很不錯而已，而對於那些視力下降明顯的中年以上的人來講，幾乎等於10px對於我的感覺。於是我告訴他，在“查看”裡調整“文字大小”就可以了。但是卻發現這是徒勞的。在Firefox能輕易調整的字型大小，怎麼在IE就變得如此”堅不

test 測試 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

一句話概括主題：具有相同的作用但是在可操控性方面更加強大。HTML 4.01規範的Forms部分指名表單有以下幾種控制類型：buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object

頁頭：header 登入條：loginbar 標誌：logo 側欄：sidebar 廣告：banner 導航：nav 子導航：subnav 菜單：menu 子功能表：submenu 搜尋：search 滾動：scroll 頁面主體：main 內容：content 標籤頁：tab 文章列表：list 提示資訊：msg 小技巧：tips 欄目標題：title 加入：joinus 指南：guild 服務：service 熱點：hot 新聞：news 下載：download 註冊：regsiter

IEbug IE 5.x/Win 和模型bug 這裡是一個width:500px;margin:10px;padding:10px; border:10px;的一個盒子.使用widht(空格)/**/:530px，解決IE5.x系列的盒解析bug，因為IE5.x系列瀏覽器能讀到這句.在IE5.x Win，IE6.0 Win下效果一致.如何使用hack解決IE5.x盒解析bug? #content { width:530px;

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