如何理解 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等
点击查看更多内容
1人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦