html + css基础问题

如何理解html语义化？

1、让人更容易读懂（增加代码可读性

2、让搜索引擎更容易读懂（SEO）

盒模型宽度

box-sizing

margin负值的问题

margin-top 和 margin-left ,元素向上，向左移动

margin-rightf负值,右侧元素左移动,自身不受影响

margin-bottom 负值下方元素上移,自身不受影响

什么是BFC？有什么应用？

* block format context ,块级格式化上下文 

* 一块独立渲染区域，内部元素的渲染不会影响边界以外的元素

BFC形成的常见条件

* float 不是none

*posotion 是absolute 或fixed

*overflow 不是 visible

 *display 是flex inline-block等

BFC常用来清除浮动

float 圣杯布局和双飞翼布局的技术总结

1、使用float布局

2、两侧使用margin负值，以便和中间内容横向重叠

3、防止中间内容被两侧覆盖，一个用padding一个用margin

手写clearfix

.clearfix:after{

　　content:";

　　display:bolck;

　　clear:both

}

 

 

 

标签：BFC,负值,clearfix,float,基础,html,元素,margin,css
来源： https://www.cnblogs.com/xwj-web/p/16539056.html