如何理解 HTML 语义化
- 让人更容易读懂（增加代码的可读性）
- 让搜索引擎更容易读懂（SEO 搜索引擎优化）
块级元素/內联元素（/空元素）有哪些？
块元素：display:block/table 的元素，有 h1-6、div、ul、ol、li、dt、dd、table、form、blockquote、iframe、address、aside、section、header、main、nav
內联元素：display:inline/inline-block 的元素，有 span、img、input、button 等
margin负值问题
- margin-top和margin-left负值，元素向上、向左移动
- margin-right负值，右侧元素左移，自身不受影响
- margin-bottom负值，下方元素上移，自身不受影响
BFC理解和应用
- Block format context，块级格式化上下文
- 一块独立渲染区域，内部元素的渲染不回影响边界以外的元素
形成BFC常见的条件：
- float不是none
- position是absolute或fixed
- overflow不是visible
- display是flex inline-block等