HTML元素类型及CSS浮动的清除

一、选择器

id选择器：一个标签只有一个id，同一个id名只能出现在一个标签中。
类选择器：一个标签可以有多个类，一个类可以被多个标签使用。（可以说没有限制）
标签选择器：选择页面中所有此类标签
伪类选择器：伪类选择器

二、属性标签

行属性标签
不支持设置宽高，宽高由内容撑开
不会独自换行
margin padding上下有效，左右无效
例如：<a> <span> <b> <strong> <em>等

块属性标签
独占一行或者多行
可对其设置宽高对齐属性
例如<div> <h1>~<h6> <p> <ul> <ol> <li>

行快属性
结合行属性和快属性特点
可以设置宽高
可以排在一行，不会独自换行
例如<img/> <input>

三、清除浮动

1.清除相邻元素的影响
解决方法：在后元素加入clear：both
2.清除浮动元素对付元素的影响
当我们对元素进行浮动处理，就会脱离文档流，被撑开的父元素
受到影响，影响之后的布局。（可以两个div嵌套，试验一下）
我们如果想撑开父元素，可以给其设置宽高，但是这样不灵活。（如果我们后续加入元素，还得重新设置宽高。）
解决方法：
1、父元素添加属性overflow:hidden
2、在父元素末尾加一个块级元素并且该元素设置clear：both(这样会导致多添加无意义的元素)
3.可以使用伪类选择器
假设父类是一个

div:after{
display:block;
content:’’;
clear:both;
}