浮动原理:
1.文档流布局;元素自上而下，自左而右
2.浮动布局:
(1)如果指定了float:属性，那么该元素（会脱标）原来占据的位置
会由下一个元素代替，并且居于他的下方；；；；
(2)浮动的盒子会在同一行显示
(3)行内元素浮动之后自动转换为行内块元素
(4)文字不会参与浮动，比如图片浮动之后，文字会围绕图片而不是在图片下面
(5)可以用作导航栏，网页布局
清除浮动：浮动的话，标签是不占盒子的大小的，这时不给盒子高度，盒子就没有高度，
我们想要既不设置高度，又想要下面的标签下去，这是我们需要清除浮动
清除浮动不是不用，而是清除浮动的不利影响
清除浮动的方法：（1）额外标签法，加一个标签然后clear：both，清除左右的浮动的影响
（2）使用overfloat:hidden，也可以清除浮动，加在浮动元素的父标签
（3）伪元素清除浮动：相当于把额外标签抽取了出来，用的地方引用一下
3.定位布局
固定定位：
position:fixed
子绝父相
标签包含规范：
div可以包含所有的标签
P标签不能包含div，h1等标签，但是可以包含一些非快元素
h1标签可以包含p.div等标签
行内元素尽量包含行内元素，不要包含块元素
规避脱标流，尽力使用标准溜《浮动流《定位流：margin-left auto
文字图片垂直居中：vertical-align:middle
Css可见性：
overflow:hiden;溢出隐藏
visibility:hidden;隐藏元素 隐藏之后还在原来的位置
display:none;隐藏元素 隐藏之后不占原来的位置
display:block:元素可见
内容移除：其实就是缩进，把内容移动屏幕之外 text-indent=-5000
网友评论