课后总结
2017-03-08 本文已影响0人
Komolei
- clear的使用:
是对自己使用的,让自己清除浮动。是让自己进行浮动的清除,要是发生移动,是自己进行移动。 - position的使用
position: absolute和fixed会让元素脱离文档流,而relative则是依旧留在文档流中,只是表现形式发生了改变。 - 水平居中的实现方式
行内元素: line-height;
块级元素: marign;position; - vertical-align的使用方式: 对自己使用。使用于行内元素、table。
- BFC(block format content):
作用:能阻止元素的外边距合并;能感知相邻的元素,
形成方式:float,absoulte,table-cell,inline-block,overflow, - 元素,可以分为普通元素,浮动元素,
- 父容器中存在浮动元素和普通元素时,怎么去撑开父容器的高度。
因为父容器可以看成普通元素,其是感知不到浮动元素的,但是可以感知到其中的普通元素,所以当不对父容器进行高度设置时,其的高度就会是内中的普通元素的高度。
所以如何去撑开父容器的高度。通过设置最后一个普通元素来撑开,使用空内容的div
<div></div>;
使用伪类: .clear {
content: '';
display: block;
clear: both;
}
或是让父容器形成BFC方式。 - 浮动元素的感知: 文字,浮动元素、BFC都可以感知浮动元素。
- 阻止外边距合并: 形成BFC;加上border;加上padding;float;absolute;
- float会让行内元素变成块级元素。
**严禁转载,违者必究!