1.1 当浏览器解析网页的时候，遵循从从上到下，从左到右的顺序来进 行解析； 1.2 块级元素和行内元素的特性：如果元素一旦离开了标准文档流，那么这些特性将不会存在； 1.3 空白折叠，例如：来编辑器中有多个空格，但显示的只有一个； 1.4 当不同元素的高不相同时，则其底边对其； 1.5 单词一旦结束并且到达了边界将自动换行； 1.6 如果单词始终没有空格来表示单词结束，那么单词不会换行； Tip: 元素脱离标准文档流的方式： (1)浮动（float）； (2)定位（position） 标准文本流： 主要针对网页中的文字（a标签和img也会遵循文本流的规则来解析） 标准文档流：主要针对的是标签
float: left/right
脱离标准文档流 (脱标)，元素一旦脱离标准文档流，后面的元素 会占据浮动元素原本的位置，元素一旦浮动脱标，那么就不必遵守文档流中的块级元素和行内元素的特性。
元素浮动，会脱离文档流，但是不会脱离文本流。所以会产生字围效果。
相互贴靠
line-height行高
font-size:字体大小 eg: font-size:20px;
文字垂直居中： 行高=盒子的高度 (盒子高度-总行高 ) /2 = padding-top 盒子高度 - padding-top = 新的盒子的高度
多行文字垂直居中
font 字体
font:14px/30px “KaiTi”; 上面的代码等同于下面的三句代码： font-size:14px; 字体大小 line-height:30px; 行高 font-family:”KaiTi”; 字体族科 font-family:”KaiTi”, “”, “”, “” (防止有些浏览器无法解析字体)
在进行链接美化时，其顺序不能颠倒，但可以不写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> a { font-size: 100px; } /*a:link { color: gray; } a:visited { color: green; }*/ a:hover { color: pink; } /*a:active { color: red; }*/ </style> </head> <body> <a href="http://www.yandex.com">yandex</a> </body> </html>