HTML/CSS面试

如何理解 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常见的条件：

1. float不是none
2. position是absolute或fixed
3. overflow不是visible
4. display是flex inline-block等