1.块级元素 独占一行 可以做容器 ---- 盒子 2.内联元素 左右排列 不是盒子----子哦为辅助标签来使用 有很多属性显示不完整 3.行内块级元素 img input 可以支持宽高 左右排列 也叫行内块级元素 都有相应的bug 行内块和行内元素 换行都会与有空隙 4.搜索框的实现 获取焦点的时候 出现一个小黑框框 表单自带的边框和内边距可以去掉 上下对不齐可以使用浮动 表单在点击的时候 会出现轮廓 outline 表单不继承文本属性 5.浮动的缺点
- 可以左右排列 也可以支持宽高 margin 等属性
- 不能居中
- 套一个盒子即可解决