CSS

你的系統在最近升級更新過了!安裝了更新系統編號為KB912945的補丁,微軟為了避免與Eolas公司和加利福尼亞大學之間的專利侵權糾紛,而發布的一個IE非安全更新,這不是什麼BUG 安裝這個補丁以後,IE對ActiveX控制項和Java程式的處理方式將有所改變,預設情況下不會主動啟用，因此使用者在訪問Flash廣告等網路內容時需要多點擊一次滑鼠,但非互動式控制項不會改變,微軟已經通知網站開發人員最好對他們的網頁作出相應修改! 解決辦法:在控制台的"添加刪除程式"中刪除編號為"KB912945

先看看效果Step 1: XHTML <ul class="star-rating"> <li><a href="#" title="Rate this 1 star out of 5" class="one-star">1</a></li> <li><a href="#"

通過CSS Hack 區分 FX/IE7/IE6/IE5.5/IE5 這是在 FireFox 或者 Opera 下面的效果 這是在 IE 6 下面的效果 這是在 IE 7 下面的效果 以下為簡單區分FF/IE6/IE7樣本 這行文字在FF下應為紅色，在IE6下應為藍色，在IE7下應為綠色。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

譯者註：時間匆忙沒有來得及細細研究，希望可以討論並且完善說明部分（現在說明並不是很全面）。下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必須遵守的標籤嵌套規則，比如你不能在 裡面再嵌入一個 這樣的約定。說明：* 為了方便讀者閱讀，本文中的標籤使用了大寫（根據 XHTML 的規則，元素名必須小寫，比如 而不應是 ）* 小寫單詞表明一組或一系列 HTML 標籤*

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

情況是這樣的，css裡常用的兩種定義字型大小的單位：em, px。 em是一個相對數，比如1.1em就表示1.1個字元寬度，而這個字元寬度是根據font-size來初始化大小的。同時em還有繼承父物件的特性，所以在不同位置的1.2em並不一定相等，不過這篇文章和這個沒關係就不細說了。 px是對於當前顯示裝置的解析度而言，雖然對於不同裝置仍然會有大小差別，但是相對來說更加適合用在定義字型上。 　　而這個模版我沒有特別定義搜尋部分的字型大小，於是它就使用了父物件的font-size參數12px。

其實有很多html tags是極富於語義的，而在table布局大行其道後，很多語義化的標籤就慢慢的被人們淡忘了。比如可能很多人一次都沒見過的標籤：dl, dt, dd, cite, q, dfn, ins, del, var等等。1. dl, dt, dd系列定義列表網站重構讓很多人知道了ul, ol和li，但是在列表的家族裡面還有一個dl，就是“定義列表”。比如說詞典裡面的詞的解釋、定義就可以用這種列表。如：DogA carnivorous mammal of the family

很長一段時間，我都使用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

請教大家一個問題吧 我想讓下面的table 通過table class=一個類名來實現我下面的種情效果 就是我想在css 裡定義一個類,把 table 中的 cellspacing=1 bgcolor=#D0DDE5 和 td 中的 bgcolor=#FFFFFF 都寫到 css 的一個類裡，到時我只要用table class 就可以實現了， 請大家教下我吧 我想把 table 中的 cellspacing=1 bgcolor=#D0DDE5 和 td

頁頭：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

1.背景圖填充 這是使用最廣泛的一種做法，無hacks，推薦使用： Equal height(列高度相同的方法) Head sideleft 預設長度 加長頁面 要從固定的、基於像素的設計方法轉到彈性的、相對的設計方法並不容易。但是如果恰當利用，就可以成為增強親和力和易用性的一個自然選擇，同時又無須做出設計上的犧牲。 像素是電腦螢幕上的不可縮放的點，而一個 h3

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;

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

margin和padding總是有可能要用到，而產生的問題如何解決呢？由於瀏覽器解釋容器寬度的方法不同：IE 6.0 Firefox Opera等是真實寬度=width+padding+border+marginIE5.X真實寬度=width-padding-border-margin解決的方法是：div.content { width:400px; //這個是錯誤的width，所有瀏覽器都讀到了voice-family: "\"}\"";

如何正確使用標題元素 HTML 標題元素類型是h1 、h2 、h3 、h4 、h5 和h6 ，數字表示標題的結構層級，我們要像在學校裡學習那樣認真對待標題（呵呵，不過我沒念過多少書，69屆初中-譯者）。 最進階別的標題在頁面中必須是h1 。它應該描述的是這個頁面是做什麼的。大多數的頁面有一個h1 標題, 但複雜分頁檔也許不止一個h1標籤。 h2 標題將標記下個結構級，次一級的是h3,等等，而不能從h2跳到h4。h4 不應該跟隨h2; 它們之間因該是h3 。 Hn

熟悉CSS盒模型朋友相信對於IE雙倍浮動邊界BUG不會陌生（如果你並不是很清楚可以點擊），這個BUG只會產生在浮動行的第一個浮動元素，所以如果第一個浮動元素沒有使用外補丁margin就不會有雙倍距離。不過最近發現IE對於這個BUG居然有延伸的現象。問題下例所有圖的浮動行的第一個浮動元素外補丁margin都為0#left2的margin-left為50px顯示正常 當#left2的margin-left為100px顯示正常

原文：http://www.smashingmagazine.com/page/2/翻譯：Blank（懌飛）Inspire Yourself: 50 Remarkable Favicons激發你的靈感：50個優秀的Favicons引用:Actually it's a pity that many designers don't really make use of them. Favicons, mini graphics for a particular web-site, can be

本課程內容如下: 1、HTML語言基礎 2、HTML語言進階 3、CSS（階層式樣式表） 4、JavaScript文法 5、DOM物件模型編程 6、指令碼編程技術匯總 6、Regex Lesson1學習內容： 1、瞭解HTML的一些背景知識 2、HTML的全域架構標籤 3、格式標籤 4、文字標籤 5、超連結標籤 6、映像標籤 Lesson01_01 HTML基礎 例：在記事本中寫如下代碼： www.Loncer.cn知識點：1、HTML是英文HyperText Markup