标准流 >1.HTML标签被分为两种类型,一种是块级标签(独占一行,能够设置宽高),另外一种是行级标签(不独占一行,不能设置宽高) > >2.这两种类型的标签都是按照标准流的方式进行渲染加载的(排列),行级标签从左到右加载,块级元素从上到下加载。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>标准流加载</title> <style type="text/css"> *{ box-sizing: border-box; margin: 0; padding: 0; } a{ display: block; height: 100px; width: 200px; } div{ display: inline-block; height: 100px; width: 200px; } h1{ display: none; } </style> </head> <body> <a style="border: 1px solid red;">百度一下</a> <span style="border: 1px solid black;">有求必应</span> <!-- 块级标签 --> <div style="border: 1px solid green;"> 我是一个块级标签div </div> <span>我是第二个span标签元素</span> <h1 style="border: 1px solid purple;">我是一个大标题</h1> <p style="border: 1px solid blue;">我也是一个块级标签p段落</p> </body> </html>