布局
由於電腦螢幕解析度的不同以及瀏覽器大小的不同，造成了在布局的時候整個頁面的大小的不確定，現有三種方法來解決這一問題，分別是：固定式布局；流式布局；彈性布局。
固定布局：使用以畫素為單位定義的寬度，這種布局型別稱為固定寬度的布局
好處：寬度固定，可以對介面元素進行細緻的控制，在瀏覽器伸縮的過程中，介面內容不會出現變化，如果瀏覽器的寬度少於固定寬度則會出現滾動條。
缺陷：不能很好的利用螢幕，越大的螢幕造成的浪費越多
流式布局：
彈性布局：
css網頁布局小技巧：
ul標籤在mozilla中預設是有padding值他margin值的，而在ie中只有margin有值。
如果一組要巢狀的標籤之間需要些間距的話，那就留給位於裡面的標籤的margin屬性吧，而不要去定義位於外面的標籤的padding(好處是什麼呢？)
li標籤前面的圖示推薦使用background-image，而不是list-style-image。
在給你的標籤瘋狂加選擇符的時候，別忘了在css裡給選擇符加上注釋。 等你以後修改你的css的時候就知道為什麼要這麼做了。
定義鏈結的四種狀態要注意先後順序: link visited hover active
與內容無關的請使用background
定義顏色可以縮寫#8899ff=#89f
table在某些方面比其它標籤表現的要好的多。請在需要列對齊的地方用它。
完美的單象素外框線**（在ie5、ie6、ie7及ff1.0.4以上中均可通過測試） 以下是引用片段：
table
td **越大，css樣式越多，開始做前，請做好充分的準備和策劃，包括命名規則。頁面區塊劃分，內部樣式分類等。
關於選擇器：
交集選擇器： 標記選擇器+類別選擇器/id選擇器
並集選擇器： ，
後代先擇器： 類別選擇器、id選擇器、標記選擇器 以空格隔開
構建頁面html框架時通常只給外層標記（父標記）定義class或id，內層標記（子標記）能通過巢狀表示的則利用巢狀的方法，而不需要再定義新的class或id。只有當子標記無法利用此規則時，才單獨進行宣告。
注意：後代選擇器產生的影響不僅限於元素的「直接後代」，而且會影響它的「各級後代」
關於繼承和層疊：
層疊：可以簡單的理解成是一種「衝突」的解決方案。
優先順序規則可以表述為：行內樣式》id樣式》類別樣式》標記樣式 。有乙個大體的原則是：「特殊性越高的元素，優先級別越高」。
css學習筆記（二）
13，編寫頭部的css 因為要將css檔案定義在html檔案頭部的方法為內部樣式表方法，所以下面舉例說明怎麼應用內部樣式表方法在html檔案的頭部編寫css 1 開啟記事本，在記事本中輸入如下一段普通的html 然後將 檔案以副檔名.html的形式儲存 例項 在html檔案的頭部應用內部樣式表方法新...
CSS學習筆記二
css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位，通過層的margin,padding,border等屬性來控制版塊的間距。1.定義div 分析乙個典型的定義div例子 sample 說明如...
CSS學習筆記（二）
1 單位 px 畫素，乙個畫素就相當於我們螢幕中的乙個小點，螢幕就是由畫素點組成 百分比 em 1em 1font size,當字型大小變化，em也隨之改變 2 行間距 line height 行高，行高就是線與線之間的距離，行間距 行高 字型大小。對於單行文字來說，可以將行高設定為和父元素的高度一...