div佈局 css控制
1、區別
html
htm
xhtml
html和htm沒什麼區別 只是在一起dos系統下 只支持擴展名是3個字符的，隨着後來的發展，擴展符字符個數沒有限制了 就用html
xhtml比html更嚴格 簡單舉例就是XHTML 區分大小寫，所有元素必須關閉，屬性值用雙引號，id屬性代替name屬性
2、三部分 doctype head body
doctype 三種 struct 嚴格類型，通用類型和 框架類型
head 存放的信息供機械 搜索使用
body 供人類觀看
3、css引入方式
1）行內式 在標記的style屬性中設定css樣式 不推薦
2）嵌入式 將css樣式集中寫在head標籤內的style中
3）導入式 在一個css文件中引入其他的css文件 @import url（css文件名.css）
4） 鏈接式 將樣式寫在。css的文件中 然後用link導入
4、將2個div並排顯示
用float 浮動起來 ，缺點是會下面的普通div被浮動的div所覆蓋 所以要用clear 聲明某div上不許有浮動的div
5、田字格佈局
6、清楚覆蓋
clear: left/right/both
7、子div能否將父div 撐起來（子div是浮動 若父div的 height 或者width 沒有設定 ，則不會自動適應）
解決方法：1) 在子div後加一個空的<div id="clear"> #clear{ clear:both }
2) 在父div 屬性裏面加上 overflow:hidden
3) 給父div設置 高 或寬
8、margin top right button left 沒有設定的取對邊的值
9、border三要素 顏色 線型 寬度
10、padding 內邊距 A4紙的內部 其顏色就是 background的顏色 他會延伸 所以要注意原來 div與父div之間像素是否正好相容
11、class 定義的div有很多相似的地方 可以重複使用
12、div所佔空間大小 爲 div的寬度+2*padding+2*margin+2*border
13、利用margin實現div的居中 auto 、
margin重疊現象 普通元素相鄰 上下邊距並非簡單相加（如果出現左右邊距 就是float了 就不是普通的div了） 而是取其中較大的邊距值
父div與子div之間也會有 margin重疊現象，（但不是padding和margin）
14、行內元素（內聯元素） span 其對豎直方向的margin 和padding 都是無效的 原因是 行內元素再怎麼設置也不會
跳出行高的設置
15、內聯（inline）與塊狀（block）的轉化 完成width 和height 的有效無效等
display inline；
display block；
display none；隱藏所有信息（位置沒有空白 佔據）
16、css控制段落：
text-align:left|right|center
text-indent:20px;首行縮進
text-decoration:underline| overline| linethrough|
letter-sapcing: 2px;
17、#test{
font-style:
font-weight:
font-size:
line-height:
font-family:"微軟雅不黑","微軟雅黑","黑體",sans-serif;
也可以使用 font:italic bold 23px/46px "SimHei";
}
18、 background-color：
background-p_w_picpath：url();
background-repeat：repeat-x|repeat-y|no-repeat;
background-position:
background:color p_w_picpath repeat p_w_upload position
19、選擇器 id選擇器 class選擇器 標籤選擇器 派生選擇器