1、新建html文件。
2、创建两个div，并赋予id。
3、为两个div设置宽高和背景，并设置左右浮动。
4、预览效果如图。
5、创建第三个div。
6、为第三个div设置宽高和背景。
7、预览效果如图。
注意事项：
随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。
是浏览器的默认样式你在#divtest ul中加上margin:0padding:0
#divtest ul{
margin:0padding:0
position:absolute
height:200px
width:1500px
overflow:hidden
border:#C03 dotted 1px
top:0
left:0
}
我写下 你应该看得懂控制文字大小
#plink a{
font-size: **px
}
控制 上下距离（默认你是竖行 排列的）
#plink li{
display：black；
padding：*px *px *px *px； 这4个 分别是 上 、右、下、左
或者 padding：*px *px； 这2个 分别是 上下 和 左右
}
* 是你设置的大小 比如 10px padding设置的是内补丁
或简单的 写成 padding-top：*px； 上面得内补丁为*。 或padding-button：*px；
对齐呢 有好几种 还有继承的因素
文本类对齐
水平对齐：
text-align : left | right | center | justify
left : 默认值。左对齐
right : 右对齐
center : 居中对齐
justify : 两端对齐
垂直对齐：
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
auto : CSS1 根据 layout-flow 属性的值对齐对象内容
baseline : CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐
sub : CSS1 垂直对齐文本的下标
super : CSS1 垂直对齐文本的上标
top : CSS1 将支持 valign 特性的对象的内容对象顶端对齐
text-top : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
middle : CSS1 将支持 valign 特性的对象的内容与对象中部对齐
bottom : CSS1 将支持 valign 特性的对象的内容与对象底端对齐
text-bottom : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
length : CSS2 由浮点数字和单位标识符组成的长度值 | 百分数。可为负数。
定义由基线算起的偏移量。基线对于数值来说为0，
对于百分数来说就是0%。请参阅 长度单位 。目前IE尚未实现此参数
还有一些属性
1、 链接有无下划线
text-decoration : none || underline || blink || overline || line-through
none : 默认值。无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
2、刚说的 display
其他 列举你参考css 手册 看下 字体的种类、颜色、粗体、大小；还有内外补丁的值 等等了
主要根据你的效果来设置了
要补充一点 主意浮动 如果你用了的话 很多问题其实都是浮动影响的
