html5 css3基礎知識點

最近愈發覺得基礎的重要性，細節決定成敗，所以希望能夠將自己注意到的蒐集到的一些關於html5 css3前端的小細節小知識整理出來，更好的方便自己記憶回顧。
1.在構建網頁Html框架時，儘量只給外層標記(即是父標記)定義類別class或id，內層標記(即是子標記)能通過嵌套表示的則利用嵌套的方式，而不需要再定義新的類別或者專用id。選擇器的嵌套和選擇器的集體聲明可以大大減少對類別class、id的聲明，簡化Css代碼。
2.在Html頁面中，顏色統一採用RGB即是“紅綠藍”三原色模式。每種顏色都由這3種顏色的不同比重組成，分爲0~255檔，例如 rgb(100%、100%、100%)、rgb(255,255,255)、#FFFFFF都指代白色，其中#FFFFFF爲十六進制的表示方法，前兩位爲紅色分量，中間爲綠色分量，最後兩位是藍色分量。
3.在不同的瀏覽器中，width和height的值的兼容性很差，如果不進行特殊的聲明，在IE7中指的是content(內容)+padding(間隙)+border (邊框) 的寬或者高，而在Firefox或者google裏面指的是content的寬和高。爲了使其在不同瀏覽器中兼容，可在Html第一行進行如下聲明：
<、!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://bbs.9ria.com/forum-52-1.html">
這樣，則指代的都是content的寬和高。 聲明必須是 HTML 文檔的第一行，位於 標籤之前。
具體<、!DOCTYPE>聲明用法可參見：http://bbs.9ria.com/forum-52-1.html
4.top、right、bottom、left這4個Css屬性，它們都必須要配合position屬性來使用的，表示的是塊的各個邊界離頁面的邊框(position屬性設置爲absolute時)或者原來的位置(position屬性設置爲relative時)的距離。
5.如果在使用getElementById()獲取給定的id的節點時，有同名元素的name屬性，在IE瀏覽器中還會返回這個元素。這是一個非常嚴重的Bug，所以我們在搭建框架的時候應該儘量避免id與其他元素的name屬性重複。
6.meta是html語言head區的一個輔助性標籤。幾乎所有的網頁裏，我們可以看到類似下面這段的html代碼：
<、head>
<、meta http-equiv="content-Type" content="text/html; charset=gb2312">
<、/head>
也許你認爲這些代碼可有可無。其實如果你能夠用好meta標籤，會給你帶來意想不到的效果，例如加入關鍵字會自動被大型搜索網站自動蒐集;可以設定頁面格式及刷新等等。