在html中css的属性和浮动

Css的尺寸
决定方格尺寸的三个属性：width宽height高line-height行高
行高是由三部分构成 上间距 下间距 文本高度 且上下间距相等
一旦设置了行高 元素内部必须得有内容 否则不起作用
Line-height：3；代表行高是当前数字x当前字体大小就是行高的值
Display
这个属性是规定元素以某种属性的形式显示
Display：none；代表当前元素不显示 不占用当前的空间
?Visbility：hidden;代表当前元素隐藏，占用之前的空间
Display：block；代表当前元素以块级形式显示出来，往往可以将行级元素转化为块级元素
Display：inline；代表当前元素以行级元素显示出来，往往可以将块级元素转化为行级元素
Display：inline-block；代表当前元素以行级块显示出来，既不占用一行，也可以设置宽高
Float
浮动：属性值有left/right
1.浮动的元素脱离文档流
2.浮动的元素互相贴靠
浮动的元素会紧紧贴靠在一起，如果后面的窗口空间够这个浮动元素的宽，那么它会挨着前一个元素贴靠，如果窗口空间不够他的宽 它会找前一个的前一个元素贴靠如果还不够它会继续往前找 不会越级贴靠这种排列方式叫流式布局
3.?浮动的元素有文字环绕的效果
用在图文结合上
清除浮动
     浮动元素脱离了文档流 不再占用文档的空间 导致后面的元素会紧跟着上一个元素的位置进行排列，我们清楚浮动的目的就 杜绝这种现象的发生
1.给父级元素设置宽高
2.给最后一个浮动元素后面加一个空标签 设置属性 clear：both；
3.给浮动的元素的父级设置一个类型 叫clearfix
.clearfix:after{ //伪类选择器

clear:both;

height:0;

visibility;hidden;

content:" "; 内容

display:block;
}