HTML语义化提高了代码可读性和搜索引擎优化。块状元素包括div、h1等，内联元素有span、img等。盒模型涉及内容、内边距、边框和外边距，其宽度计算不包含外边距。BFC是独立的渲染区域，影响块级元素布局。文章还探讨了margin的重叠与负值问题。
如何理解html的语义化？
让人更容易读懂代码（增加代码的可读性）
让搜索引擎更容易读懂（SEO）
SEO 是“Search Engine Optimization”（搜索引擎优化）或“Search Engine Optimizer”（搜索引擎优化服务商）的首字母缩写。 聘用SEO 是一项重大决定，这有可能改善您的网站并节省时间，但也存在破坏网站和声誉受损的风险。
块状元素和内联元素有哪些？
display：block/table 有div 和h1 h2 table ul ol p 等
display:inline/inline-block 有span img input button等
盒模型包括什么？
元素内容（content）、内边距（padding）、边框（border）、外边距（margin）
盒模型宽度怎么计算？
元素内容的宽度+padding的宽度+border的宽度（没有外边距）
margin纵向重叠问题
相邻元素的margin-top和margin-botton会发生重叠。
margin负值问题
margin-top和margin-left负值，元素向上，向左移动。
margin-right负值，右侧元素左移，自身不受影响。
margin-bottom负值，下方元素上移，自身不受影响。
BFC理解与应用
BFC（Block format context）,块级格式化上下文
一块独立渲染区域，内部元素的渲染不会影响边界以外的元素。
还在持续更新中..... （收藏支持一下，谢谢~~~）
扫一扫
22万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
