web4

一、页面布局

完成一个页面的布局的基本步骤
1、先将页面划分行,给每一行起名字
2、按照从外到内,从全局到局部的顺序分析每一行
3、每做一级,都要设置样式,并观察好位置是否正确。
注意:
在行布局时,要注意,尽可能的留下空隙(弹性空间)在需要大范围的自适应时,我们通常会将最后一个容器规划为自适应容器,其内存放可以自适应尺寸的内容。然后将这个容器不浮动,不设置宽度,而是设置外边距将其他浮动的容器所占用的空间让出来。


二、CSS新增的选择器

1.CSS3 边框

  1. border-radius 边框圆角(从左上角开始的顺时针)

  2. box-shadow 盒子阴影(默认是外阴影)
    web4
    web4

  3. border-image CSS3 边界图片

注意:css3的详细属性都在以下链接中:

CSS3学习