课后总结

  1. clear的使用:
    是对自己使用的,让自己清除浮动。是让自己进行浮动的清除,要是发生移动,是自己进行移动。
  2. position的使用
    position: absolute和fixed会让元素脱离文档流,而relative则是依旧留在文档流中,只是表现形式发生了改变。
  3. 水平居中的实现方式
    行内元素: line-height;
    块级元素: marign;position;
  4. vertical-align的使用方式: 对自己使用。使用于行内元素、table。
  5. BFC(block format content):
    作用:能阻止元素的外边距合并;能感知相邻的元素,
    形成方式:float,absoulte,table-cell,inline-block,overflow,
  6. 元素,可以分为普通元素,浮动元素,
  7. 父容器中存在浮动元素和普通元素时,怎么去撑开父容器的高度。
    因为父容器可以看成普通元素,其是感知不到浮动元素的,但是可以感知到其中的普通元素,所以当不对父容器进行高度设置时,其的高度就会是内中的普通元素的高度。
    所以如何去撑开父容器的高度。通过设置最后一个普通元素来撑开,使用空内容的div
    <div></div>;
    使用伪类: .clear {
    content: '';
    display: block;
    clear: both;
    }
    或是让父容器形成BFC方式。
  8. 浮动元素的感知: 文字,浮动元素、BFC都可以感知浮动元素。
  9. 阻止外边距合并: 形成BFC;加上border;加上padding;float;absolute;
  10. float会让行内元素变成块级元素。
    **严禁转载,违者必究!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,263评论 1 92
  • 一,浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动模型是一种可视化格式模型,浮动...
    DeeJay_Y阅读 1,031评论 0 4
  • relative:生成相对定位的元素,通过top,bottom,left,right的位置相对于其正常位置进行定位...
    zx9426阅读 1,098评论 0 2
  • 1.浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 何谓浮动元素?有什么特征?所谓浮动...
    草鞋弟阅读 946评论 0 1
  • 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响?## 特征:浮动模型也是一种可视化格式模...
    饥人谷_zhangfan阅读 312评论 0 0

友情链接更多精彩内容