1. 標(biāo)準(zhǔn)文檔流
文檔流指的是元素排版布局過程中立膛，元素會默認自動從左往右掌动，從上往下的流式排列方式德澈。并最終窗體自上而下分成一行行，并在每行中從左至右的順序排放元素译隘。
2. 標(biāo)準(zhǔn)流的微觀現(xiàn)象：
- 空白折疊現(xiàn)象亲桥。
// 比如，如果我們想讓img標(biāo)簽之間沒有空隙固耘，必須緊密連接.
<img src="img/00.jpg"/><img src="img/02.jpg"/>
- 高矮不齊题篷，底邊對齊
- 自動換行，一行寫不完時厅目，換行寫
3.標(biāo)準(zhǔn)文檔流等級
分為兩種等級：塊級元素和行內(nèi)元素番枚；
塊級元素：
1).霸占一行，不能與其他任何元素并列
2).能接受寬璧瞬、高
3).如果不設(shè)置寬度户辫，那么寬度將默認變?yōu)楦赣H的100%，即和父親一樣寬
行內(nèi)元素：
1).與其他元素并排
2).不能設(shè)置寬嗤锉、高。默認的寬度就是文字的寬度
在HTML中墓塌，標(biāo)簽分為：文本級和容器級瘟忱；
文本級：p、span苫幢、a访诱、b、i韩肝、u触菜、em
容器級：div、h系列哀峻、li涡相、dt哲泊、dd
溫馨小提示：
(1).容器級的標(biāo)簽，里面可以放置任何東西催蝗；文本級的標(biāo)簽里面切威，只能放置文字、圖片丙号、表單元素先朦。
(2).p標(biāo)簽是一個文本級標(biāo)簽。p里面只能放文字犬缨、圖片喳魏、表單元素。其他的一律不能放怀薛。
(3).定義列表是一個組標(biāo)簽截酷，不過比較復(fù)雜，出現(xiàn)了三個標(biāo)簽：
dl表示definition list 定義列表
dt表示definition title 定義標(biāo)題
dd表示definition description 定義表述詞兒
dt乾戏、dd只能在dl里面迂苛；dl里面只能有dt、dd
<dl>
<dt>北京</dt>
<dd>國家首都鼓择，政治文化中心</dd>
<dt>上海</dt>
<dd>魔都三幻，有外灘、東方明珠塔呐能、黃浦江</dd>
<dt>廣州</dt>
<dd>中國南大門念搬，有珠江、小蠻腰</dd>
</dl>`
表達的語義是兩層：
- 是一個列表摆出，列出了北京朗徊、上海、廣州三個項目
- 每一個詞兒都有自己的描述項偎漫。
dd是描述dt的爷恳。
延伸外之后，開始說正事兒
css的分類和HTML的分類很像象踊，就p不一樣
所有的文本級標(biāo)簽都是行內(nèi)元素温亲，除了p；p是個文本級杯矩，但是是個塊級元素栈虚；
所有的容器級標(biāo)簽都是塊級元素
我們用圖表示一下：
4.塊級元素與行內(nèi)元素的相互轉(zhuǎn)換
塊級元素可以設(shè)置為行內(nèi)元素；
行內(nèi)元素也可以設(shè)置為塊級元素史隆。
舉個例子：
div {
display: inline;
background-color: pink;
width: 400px;
height: 400px;
}
display是顯示模式魂务，用來改變元素的行內(nèi)、塊級性質(zhì)
，一旦給一個標(biāo)簽設(shè)置display:inline;那么這個標(biāo)簽立即變?yōu)樾袃?nèi)元素粘姜。此時div和span沒有什么區(qū)別鬓照，此時的div不能設(shè)置寬度和高度（即使設(shè)置了也并不顯示出來，不信你去用代碼驗證一下呀）相艇，此時div可以和別人并排
同理
span {
display: block;
width: 300px;
height: 300px;
background-color: green;
}
此span標(biāo)簽變?yōu)閴K級元素颖杏，與div無異；此時的span能夠設(shè)置高度和寬度坛芽；并且霸占一行留储，別人不能與之并排；如果不設(shè)置寬度咙轩，那么將撐滿父親获讳。
標(biāo)準(zhǔn)流里面的限制特別多，標(biāo)簽的性質(zhì)也特備惡心活喊。標(biāo)準(zhǔn)流做不出網(wǎng)頁：因為能并排的不能改寬高丐膝。所以，要脫離標(biāo)準(zhǔn)流钾菊。
css中有三種手段可以使一個元素脫離標(biāo)準(zhǔn)文檔流帅矗，分別為浮動和絕對定位,固定定位。
