课后总结

2017-03-08  本文已影响0人  Komolei
  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会让行内元素变成块级元素。
    **严禁转载,违者必究!
上一篇下一篇

猜你喜欢

热点阅读