(1) 如何?table的單像素border:
table { border-collapse: collapse }
(2) 假如不加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">這句dtd聲明，ie瀏覽器的盒模式的width是包括padding和border的寬度的。
只有加上嚴格w3c標準的dtd聲明,ie瀏覽器才會以正常的盒模式呈現頁面，即：width只是內容所佔寬度。
(3) li標籤前面的表徵圖最好用background-image實現，padding補白控制內容，比list-style-image易於控制
(4) 絕對位置的作用：
絕對位置的優勢並不在於 可以控制一個元素 位於 顯式指定了position屬性的父元素 的 x*y點的位移位置上。
絕對位置的優勢在於 可以使元素脫離文檔流 讓其他元素忽略它的存在。(float按w3c本意也可脫離文檔流，但ie瀏覽器的表現來看,float的元素沒有浮起在文檔流之上)
(5) css的縮寫與精簡：
縮寫很容易實現，盡量使用一個font,list-style,margin,padding,background屬性而不是一組xx-top,xx-left,xx-image等屬性。
精簡呢？就是做完html布局後，不要急於寫css，先去想一下屬性的繼承問題，然後想一下那些元素是可以用類別選取器的，然後把內外邊距等屬性相同的一組id選取器，用逗號分隔字元統一定義他們的相同屬性。
另外可以依靠id選取器的權重比class選取器的權重大的特點，或者一個標籤可以應用多個class選取器來精簡css代碼。
(6) 關於文字的自動換行：
在一個指定了width的容器中，漢字會自動換行，英文單詞也會自動換行，並且以單詞為換行單位，也就是說要有空格。
但是，連續沒空格的英文字母或阿拉伯數字不會被換行，可以使用overflow:hidden;text-overflow:ellipsis來實現帶省略符的隱藏
(7) <script>沒有language這個屬性，應該寫成<script type="text/javascript">
(8) 大多數網頁使用固定寬度布局而不是流式布局，所以記住幾個螢幕參數吧。
800*600解析度下的：760px（兩邊有留白），778px（滿屏）；
1024*768解析度下的：1002px（滿屏）,955px（兩邊有留白），998px（兩邊稍微有一點留白）
(9) 時刻記住表現與內容分離，比如與內容無關的圖片全部使用background
(10) CSS命名規範
Code注釋的寫法
/*Footer*/
內容區
/*EndFooter*/
id的命名
容器:container
頁頭：header
內容：content/container
頁面主體：main
頁尾：footer
導航：nav
側欄：sidebar
欄目：column
頁面外圍控制整體布局寬度：wrapper
左右中：leftrightcenter
id的命名
頁面結構
容器:container
頁頭：header
內容：content/container
頁面主體：main
頁尾：footer
導航：nav
側欄：sidebar
欄目：column
頁面外圍控制整體布局寬度：wrapper
左右中：leftrightcenter
導航
導航：nav
主導航：mainbav
子導航：subnav
頂導航：topnav
邊導航：sidebar
左導航：leftsidebar
右導航：rightsidebar
菜單：menu
子功能表：submenu
標題:title
摘要:summary
功能
標誌：logo
廣告：banner
登陸：login
登入條：loginbar
註冊：regsiter
搜尋：search
功能區：shop
標題：title
加入：joinus
狀態：status
按鈕：btn
滾動：scroll
標籤頁：tab
文章列表：list
提示資訊：msg
當前的:current
小技巧：tips
表徵圖:icon
注釋：note
指南：guild
服務：service
熱點：hot
新聞：news
下載：download
投票：vote
夥伴：partner
友情連結：link
著作權：copyright
class的命名
(1)顏色:使用顏色的名稱或者16進位代碼,如
.red{color:red;}
.f60{color:#f60;}
.ff8600{color:#ff8600;}
(2)字型大小,直接使用"font+字型大小"作為名稱,如
.font12px{font-size:12px;}
.font9pt{font-size:9pt;}
(3)對齊樣式,使用對齊目標的英文名稱,如
.left{float:left;}
.bottom{float:bottom;}
(4)標題列樣式,使用"類別+功能"的方式命名,如
.barnews{}
.barproduct{}
注意事項
1.一律小寫;
2.盡量用英文;
3.不加中杠和底線;
4.盡量不縮寫，除非一看就明白的單詞.
主要的master.css
模組module.css
基本共用base.css
布局，版面layout.css
主題themes.css
專欄columns.css
文字font.css
表單forms.css
補丁mend.css
列印print.css
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
