1，内联样式
内联样式是直接在html标签上定义该标签的css样式，如：
<div
style="width:200pxheight:30px"></div>
2，内部样式
内部样式是写在html文件中，且包含在<style></style>代码块中，如：
<style>
.box{width:200pxheight:30px}
</style>
<div
class="box"></div>
3，外部样式
外部样式是通过在html中引用外部css文件来控制样式，如：
html文件中写入引用语句：
<link
href="css文件路径"
rel="stylesheet"
media="screen"
/>
1、一列布局：一般都是固定的宽高，设置margin : 0 auto来水平居中，用于界面显著标题的展示等。
2、两列布局：说起两列布局，最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果，以及需要及时清除浮动。
3、三列布局：两侧定宽中间自适应,首先设置父级元素的宽度，可以左左右设置浮动。然后中间设置margin调整间距。 也可以都设置成左浮动，设置margin，调整间距。同样注意清除浮动的影响。
4、混合布局：在一列布局的基础上，保留top和foot部分，将中间的main部分改造成两列或三列布局，小的模块可以再逐级同理划分。
