元素类型

1.块级元素

 独占一行

 可以做容器 ---- 盒子

 

2.内联元素

 左右排列 

 不是盒子----子哦为辅助标签来使用

 有很多属性显示不完整

 

 3.行内块级元素 

 img input 

 可以支持宽高

 左右排列

 也叫行内块级元素 都有相应的bug

 行内块和行内元素 换行都会与有空隙

 

4.搜索框的实现

 获取焦点的时候 出现一个小黑框框 

 

表单自带的边框和内边距可以去掉 

上下对不齐可以使用浮动  

表单在点击的时候 会出现轮廓 outline

表单不继承文本属性

 

5.浮动的缺点

1. 可以左右排列 也可以支持宽高 margin 等属性
2. 不能居中
3. 套一个盒子即可解决