1.html的基本原則,讓標籤做標籤應該做的事.
比如，不應該使用table標籤來做定位，因爲table標籤是爲了構造table而使用的。
2.有些html可以使用css而實現，不要使用它們
比如如下的標籤：
<br />,<font> <b> <i> 這些標籤的作用都可以用css做到
3.只使用一個<h1>
頁面上的h1標籤的內容，會被搜索引擎紀錄爲優先級較高的索引內容，定義大量的h1標籤反而會收到搜索引擎的懲罰
4.檢查html是否符合w3c標準.
使用一些網站或者是firefox的插件可以幫助檢查標準
5.使用<p>表示文章段落
6.使用ul,即使是橫向排版
7.使用一些特殊的tag
比如cite表示應用一本書名,address表示地址,<blockquote>表示應用其它內容.還有<dl><dt><dd>
8.在文件頭部定義html版本號
在html文件頭部表明使用的html版本,這樣有助於瀏覽器的解析.否則瀏覽器將使用自己定義的方式來解析一些內容(這也就使瀏覽器在顯示時候有差別的部分原因,原書稱其爲 quirks mode.)
10.css文件也需要經過驗證
11.注意style多次定義後的最終顯示結果
如果一個tag的style被多處定義,最終顯示的規則如下:
Inherited Styles Accumulate
Nearest Ancestor Wins
The Directly Applied Style Wins
其實有個積分表，具體可以網上查一下
12.推薦使用的屬性:float
這個屬性可以幫助排版，如果沒有使用過的人，快去試試。
13.應該是鏈接的地方使用<a>而不要使用button
其實a也可以做成button的效果，如下
a.button {
border: solid 1px #000;
background-color: #333;
}
14.設置table的odd屬性可以做得隔行背景色不同
如下：
tr.odd { background-color: red; }
15.使用css的幾個好的習慣：
1.加上註釋.可以使用/* */
2.使用表達清晰的命名.
命名遵循目的而不是表現.
不要使用位置作爲命名的方法
避免意義不明確的命名
3 使用多個css文件，可以使用import指令
4.使用firefox plugin: Web Developer's Toolbar
16.書中介紹的幾個資源網站:
www.morguefile.com
http://creativecommons.org/image
http://openphoto.net/gallery/browse.html
這幾個網站提供大量的照片.
這些網站提供一些小的icon,tile pattern等
www.stylegala.com/features/bulletmadness/
www.somerandomdude.net/srdprojects/sanscons
www.k10k.net/frames.aspx?section=patterns
www.kollermedia.at/index.php/pattern4u/
http://squidfingers.com/patterns/
17.關於字體的使用
所有字體最終屬於兩類：serif 和 sans-serif
serif 適合 大段的文本。
如 Times， Times New Roman，Geogria等等
sans-serif 適合標題
如 Arial，Helvetic Verdana Formata
爲了防止瀏覽器不支持字體，可以通過寫back up 字體實現，如：
font-family: Arial, Helvetica, sans-serif;
18.字體顏色：
字體顏色一般有一下幾種定義方式：
color: #3E8988;
color: rgb(100%,100%,100%);
color: rgb(255,255,255);
19.字體大小
一般喜歡使用pixle定義，如下：
font-size: 36px;
但是使用pixle有一個缺陷，在IE6中，瀏覽者不能自己調整字體的大小。這導致一些視力不佳的人難以清楚的瀏覽內容，這在IE7和其他瀏覽器中，已經解決。
另外，值使用percent時，需要注意字體大小設置嵌套的問題
20.form技巧:
如果需要設置form中的input，type爲text的tag的style，可以這樣
input[type="text"] { background-color:
blue; }
這個可以類推到其他情況
比如，不應該使用table標籤來做定位，因爲table標籤是爲了構造table而使用的。
2.有些html可以使用css而實現，不要使用它們
比如如下的標籤：
<br />,<font> <b> <i> 這些標籤的作用都可以用css做到
3.只使用一個<h1>
頁面上的h1標籤的內容，會被搜索引擎紀錄爲優先級較高的索引內容，定義大量的h1標籤反而會收到搜索引擎的懲罰
4.檢查html是否符合w3c標準.
使用一些網站或者是firefox的插件可以幫助檢查標準
5.使用<p>表示文章段落
6.使用ul,即使是橫向排版
7.使用一些特殊的tag
比如cite表示應用一本書名,address表示地址,<blockquote>表示應用其它內容.還有<dl><dt><dd>
8.在文件頭部定義html版本號
在html文件頭部表明使用的html版本,這樣有助於瀏覽器的解析.否則瀏覽器將使用自己定義的方式來解析一些內容(這也就使瀏覽器在顯示時候有差別的部分原因,原書稱其爲 quirks mode.)
10.css文件也需要經過驗證
11.注意style多次定義後的最終顯示結果
如果一個tag的style被多處定義,最終顯示的規則如下:
Inherited Styles Accumulate
Nearest Ancestor Wins
The Directly Applied Style Wins
其實有個積分表，具體可以網上查一下
12.推薦使用的屬性:float
這個屬性可以幫助排版，如果沒有使用過的人，快去試試。
13.應該是鏈接的地方使用<a>而不要使用button
其實a也可以做成button的效果，如下
a.button {
border: solid 1px #000;
background-color: #333;
}
14.設置table的odd屬性可以做得隔行背景色不同
如下：
tr.odd { background-color: red; }
15.使用css的幾個好的習慣：
1.加上註釋.可以使用/* */
2.使用表達清晰的命名.
命名遵循目的而不是表現.
不要使用位置作爲命名的方法
避免意義不明確的命名
3 使用多個css文件，可以使用import指令
4.使用firefox plugin: Web Developer's Toolbar
16.書中介紹的幾個資源網站:
www.morguefile.com
http://creativecommons.org/image
http://openphoto.net/gallery/browse.html
這幾個網站提供大量的照片.
這些網站提供一些小的icon,tile pattern等
www.stylegala.com/features/bulletmadness/
www.somerandomdude.net/srdprojects/sanscons
www.k10k.net/frames.aspx?section=patterns
www.kollermedia.at/index.php/pattern4u/
http://squidfingers.com/patterns/
17.關於字體的使用
所有字體最終屬於兩類：serif 和 sans-serif
serif 適合 大段的文本。
如 Times， Times New Roman，Geogria等等
sans-serif 適合標題
如 Arial，Helvetic Verdana Formata
爲了防止瀏覽器不支持字體，可以通過寫back up 字體實現，如：
font-family: Arial, Helvetica, sans-serif;
18.字體顏色：
字體顏色一般有一下幾種定義方式：
color: #3E8988;
color: rgb(100%,100%,100%);
color: rgb(255,255,255);
19.字體大小
一般喜歡使用pixle定義，如下：
font-size: 36px;
但是使用pixle有一個缺陷，在IE6中，瀏覽者不能自己調整字體的大小。這導致一些視力不佳的人難以清楚的瀏覽內容，這在IE7和其他瀏覽器中，已經解決。
另外，值使用percent時，需要注意字體大小設置嵌套的問題
20.form技巧:
如果需要設置form中的input，type爲text的tag的style，可以這樣
input[type="text"] { background-color:
blue; }
這個可以類推到其他情況
