1.css中的定位機制：
標準文件流
浮動 絕對定位
2.標準文件流
特點：
1）.從上到下，從左到右，輸出文件內容3.塊級元素2）.由塊級元素和行級元素組成
特點：
1）.從左到右撐滿頁面，獨佔一行常見塊級元素即塊級標籤，如2）.觸碰到頁面邊緣時，會自動換行
div,ul,li,dl,dt,p…..4.行級元素
特點：
1）.能在同一行內顯示常見行級元素即行級標籤，如2）.不會改變html文件結構
span,strong,img,input……5.塊級元素和行級元素都是盒子模型
6.盒子模型
盒子模型由4部分組成：
邊框border7.盒子3d模型外邊距margin
內邊距padding
盒子中的內容content
第一層：border盒子模型尺寸=邊框+外邊距+內邊距+盒子中的內容尺寸第二層：content+padding
第三層：background-image
第四層：background-color
第五層：margin
頁面8.如何自動居中
大致頁面**：
div> /*頁面頭部*/
div> /*頁面主體*/
div> /*頁面底部*/
div>
1）.將頁面包含在乙個總的div中，將div的樣式設定為：
#wrap
#header
#mainbody
#footer
自動居中的原因：auto會根據瀏覽器的寬度自動的設定兩邊的外邊距無法自動居中的2個原因：原理：（瀏覽器的寬度-外包含層的寬度）/2=外邊距
1.給wrap設定浮動
#wrap
#wrap
想讓頁面自動居中，當設定margin屬性為auto的時候，不能再設定浮動或絕對定位屬性。
網頁三列布局
聖杯布局 center left right css container column container left center right 效果如下圖所示 這種布局方式在極端情況下有個問題，當父容器寬度不斷變窄，窄到中間元素小於左側元素寬度時，雖然中間元素能夠優先顯示，但是布局會發生一些錯亂，如...
網頁布局基礎
網頁製作的基礎，在w3c盛行的今天 div css 布局網頁 布局分為 流式布局 浮動布局 絕對定位布局 涉及標準文件流 盒子模型 float屬性 position屬性 1.自動居中 列布局 盒子模型的使用方法 2.浮動布局 float屬性來實現上中下布局和橫向兩列甚至多列布局，解決浮動影響的常用方...
網頁布局基礎
由全球資訊網聯盟指定的一系列標準，包括 機構化標準語言 html和xml 表現標準語言 css 行為標準語言 dom和ecmascript w3c標準倡導結構 樣式 行為分離。css中存在3中定位機制 1 標準文件流 normal flow 特點 從上到下，從左到右，輸出文件內容 由塊級元素和行級元...