菜鸟教程：HTML中清除浮动+盒子的分类+语义化

消除浮动的方法

一、在父元素中加 overflow：hidden

• 不能与position配合使用

.father{
           overflow:hidden
}

二、设置j具体宽高

• 只适合高度固定的固定的布局，给出精确的布局，如果高度和父级的高度不一样，也会产生问题

.children{
           float:left;
           width:800px;
           height:100px
}

三、clear清楚浮动

• 虽然代码多 但是这种方法清楚浮动比较好

：：after{
              content：“”;
              display:block;
              clear:both;
}

WBC标准中盒子的分类

1、行盒：不能设置宽高，宽高由内容撑开（span）
2、块盒：自动换行，可设置宽高（p div）
3、行块盒 -inline-block 不独占一行 可设置宽高

语义化

1、每个HTML元素都有具体的含义
2、所有元素与展示效果无关，元素展示到页面中的效果，由css决定，我们看到的默认效果，只是浏览器初始化的样式

title属性和alt属性的区别

一、title属性
1、alt属性的特点
a alt属性（注意是属性不是标签）包括替换说明，对于图像和图像热点是必须的。他只能用在img、area、和input元素中。对于input元素，alt属性意在用来替换提交按钮的图片。

<input type="image" src="image.gif" alt
="submit"/>

2、alt属性当图片加载不出来的时候，会显示文字
二、title属性
1、title属性为设置该属性的元素提供建议的信息大部分的可视化浏览器在鼠标悬停在特定的元素上时显示title文字提示信息
2、title属性可以用在除了base，basefont，head、meta、param、script和title之外的所有标签，但并不是必须的
3、title属性有一个很好的用法，为链接添加描述性文字