해당 섹션의 강좌：HTML+CSS에 쉽게 진입할 수 있는 블록 수준 요소
每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 元素的高度、宽度、行高以及顶和底边距都可设置。 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 인라인 요소로 쉽게 시작하기
和其他元素都在一行上； 元素的高度、宽度及顶部和底部边距不可设置； 元素的宽度就是它包含的文字或图片的宽度，不可改变
2016-11-260个赞
해당 섹션의 강좌：인라인 블록 요소로 시작하기 쉬운 HTML+CSS
和其他元素都在一行上； 元素的高度、宽度、行高以及顶和底边距都可设置。
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 시작하기 쉬운 박스 모델
通过盒子模型，我们可以为我们的内容设置边界，留白以及边距，盒子模型最典型的应用是这样：我们有一段内容，可以为这段内容设置一个边框，为了让内容不至于紧挨着边框，可以设置 padding ，为了让这个盒子不至于和别的盒子靠得太紧，可以设置 margin。
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 시작하기 쉬운 상자 모델 테두리(1부)
border:1px solid red; border-width: 1px; /*粗细*/ border-style: solid; /*样式，实线，虚线，等*/ border-color: red; /*颜色*/ dashed（虚线）| dotted（点线）| solid（实线）
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 시작하기 쉬운 상자 모델 테두리(2부)
border-top 上 border-left 左 border-right 右 border-buttom 下
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 시작하기 쉬운 상자 모델 너비 및 높이
元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 시작하기 쉬운 박스 모델 채우기
padding-top:10px; padding-right:10px; padding-buttom:10px; padding-left:10px;
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 상자 모델의 경계로 쉽게 시작하기
<div id="dv1">php中文网</div> <div id="dv2">中华民族伟大复兴</div> <style type="text/css"> div{ width:200px; height:200px; border:1px solid red; } #dv2{margin-top:30px;} </style>
2016-11-260个赞
해당 섹션의 강좌：쉬운 입력을 위한 HTML+CSS 레이아웃 모델
流动模型（position:static） 浮动模型(float:left、right) 层模型（position:absolute、fixed、relative）
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 유체 모델의 블록 요소로 쉽게 시작하기
块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 유체 모델의 인라인 요소로 쉽게 시작하기
在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 플로팅 모델로 쉽게 시작하기
<!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个赞
해당 섹션의 강좌：HTML+CSS 쉬운 입력 레이어 모델
绝对定位(position: absolute) 相对定位(position: relative) 固定定位(position: fixed)
2016-11-260个赞
해당 섹션의 강좌：HTML+CSS 쉽게 시작하기 위한 HTML+CSS 종합 예제(1)
rowspan 合并竖向单元格，你合并几个，就要把下面的单元格td 删除几个减去一 colspan 合并横向单元格
2016-11-260个赞
