T型布局和口型布局

T型布局

1.margin: 0;：清除所有元素的默认外边距，padding: 0;：清除所有元素的默认内边距。
2.margin: 0 auto;：上下外边距为 0，左右外边距自动计算，让这个元素在页面中水平居中。
3.border:10px solid black;：意思是给元素加 10px 的黑色实线边框
4.在.left2 类样式中的float: left;：让元素向左浮动，脱离标准文档流，和其他浮动元素排在同一行。
5.在.right2 类样式中的float: left;：同样向左浮动，这样就能和左边的.left2在同一行并排显示。

口型布局

作业如下