1、單位：px:畫素，乙個畫素就相當於我們螢幕中的乙個小點，螢幕就是由畫素點組成；%百分比；em:1em=1font-size,當字型大小變化，em也隨之改變
2、行間距：line-height:行高，行高就是線與線之間的距離，行間距 = 行高 - 字型大小。對於單行文字來說，可以將行高設定為和父元素的高度一致，這樣可以使單行文字在父元素中垂直居中
3、盒子模型概念的理解
4、overflow:父元素處理溢位內容的方式：visible/hidden/scroll/auto
5、文件流：我們建立的元素預設都是在文件流中，元素在文件流中的特點：塊元素，獨佔一行，自上向下；內聯元素，只佔自身，從左向右
6、float：可以使塊元素脫離文件流，none/left/right，內聯元素脫離文件流之後程式設計塊元素，可以設定寬高
7、清除瀏覽器預設樣式：*
8、塊元素居中：margin:0 auto;
9、在文件流中，父元素的高度預設是被子元素撐開的。
10、設定overflow:hidden可以解決父元素高度坍塌
11、clear：可以用來清除浮動元素的影響，語法：clear:left清除左側浮動對該元素的影響。left/right/both/none。在一般頁面中，可以用過乙個空白的div(或者用after偽類乙個空白的塊元素),清除浮動，來撐開父元素的高度，一般設定clear:both,是w3c推薦的解決父元素高度塌陷的最終方案
css學習筆記（二）
13，編寫頭部的css 因為要將css檔案定義在html檔案頭部的方法為內部樣式表方法，所以下面舉例說明怎麼應用內部樣式表方法在html檔案的頭部編寫css 1 開啟記事本，在記事本中輸入如下一段普通的html 然後將 檔案以副檔名.html的形式儲存 例項 在html檔案的頭部應用內部樣式表方法新...
CSS學習筆記二
css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位，通過層的margin,padding,border等屬性來控制版塊的間距。1.定義div 分析乙個典型的定義div例子 sample 說明如...
CSS學習筆記 二
布局 由於電腦螢幕解析度的不同以及瀏覽器大小的不同，造成了在布局的時候整個頁面的大小的不確定，現有三種方法來解決這一問題，分別是 固定式布局 流式布局 彈性布局。固定布局 使用以畫素為單位定義的寬度，這種布局型別稱為固定寬度的布局 好處 寬度固定，可以對介面元素進行細緻的控制，在瀏覽器伸縮的過程中，...