After following, you can keep track of his dynamic information in a timely manner
Courses in the relevant section：Block-level elements for easy entry into HTML+CSS
每個(gè)塊級(jí)元素都從新的一行開始，并且其后的元素也另起一行。（真霸道，一個(gè)塊級(jí)元素獨(dú)占一行） 元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。 元素寬度在不設(shè)置的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設(shè)定一個(gè)寬度。
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Get Started with Inline Elements
和其他元素都在一行上； 元素的高度、寬度及頂部和底部邊距不可設(shè)置； 元素的寬度就是它包含的文字或圖片的寬度，不可改變
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Get Started with Inline Block Elements
和其他元素都在一行上； 元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Get Started Box Model
通過盒子模型，我們可以為我們的內(nèi)容設(shè)置邊界，留白以及邊距，盒子模型最典型的應(yīng)用是這樣：我們有一段內(nèi)容，可以為這段內(nèi)容設(shè)置一個(gè)邊框，為了讓內(nèi)容不至于緊挨著邊框，可以設(shè)置 padding ，為了讓這個(gè)盒子不至于和別的盒子靠得太緊，可以設(shè)置 margin。
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Start Box Model Border (Part 1)
border:1px solid red; border-width: 1px; /*粗細(xì)*/ border-style: solid; /*樣式，實(shí)線，虛線，等*/ border-color: red; /*顏色*/ dashed（虛線）| dotted（點(diǎn)線）| solid（實(shí)線）
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Start Box Model Border (Part 2)
border-top 上 border-left 左 border-right 右 border-buttom 下
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Start Box Model Width and Height
元素實(shí)際寬度（盒子的寬度）=左邊界+左邊框+左填充+內(nèi)容寬度+右填充+右邊框+右邊界
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Start Box Model Filling
padding-top:10px; padding-right:10px; padding-buttom:10px; padding-left:10px;
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Get Started with the Boundary of the Box Model
<div id="dv1">php中文網(wǎng)</div> <div id="dv2">中華民族偉大復(fù)興</div> <style type="text/css"> div{ width:200px; height:200px; border:1px solid red; } #dv2{margin-top:30px;} </style>
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS layout model for easy entry
流動(dòng)模型（position:static） 浮動(dòng)模型(float:left、right) 層模型（position:absolute、fixed、relative）
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Get Started with Block Elements of Fluid Model
塊狀元素都會(huì)在所處的包含元素內(nèi)自上而下按順序垂直延伸分布，因?yàn)樵谀J(rèn)狀態(tài)下，塊狀元素的寬度都為100%。實(shí)際上，塊狀元素都會(huì)以行的形式占據(jù)位置
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Get Started with Inline Elements of Fluid Model
在流動(dòng)模型下，內(nèi)聯(lián)元素都會(huì)在所處的包含元素內(nèi)從左到右水平分布顯示。（內(nèi)聯(lián)元素可不像塊狀元素這么霸道獨(dú)占一行）
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS Easy to Get Started with Floating Model
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #dv1{ width:100px; height:100px; background:green; } #dv2{ width:100px; height:100px; background:red; } </style> </head> <body> <div id="dv1"></div> <div id="dv2"></div> </body> </html>
2016-11-260個(gè)贊
Courses in the relevant section：HTML+CSS easy entry layer model
絕對(duì)定位(position: absolute) 相對(duì)定位(position: relative) 固定定位(position: fixed)
2016-11-260個(gè)贊
rowspan 合并豎向單元格，你合并幾個(gè)，就要把下面的單元格td 刪除幾個(gè)減去一 colspan 合并橫向單元格
2016-11-260個(gè)贊
