项目实战-footer区域

116 阅读1分钟

footer:页面底部的常用名。
布局类型:通栏背景,内部包含版心居中的主要内容,内容包含左、右浮动的两部分。
其他登录方式部分:左浮动,注意其中的鼠标移上显示、移出隐藏定位元素的效果。
其他链接服务部分:使用定义列表制作结构,dt>dd>a的方式。
步骤:

  1. 添加footer.css样式表

  2. 按照设计图在html中写好结构,逐步添加元素
  3. 通过footer.css完善元素细节。
    注意:按钮上小图片放在一个与图片相同大小的小块元素中,防止精灵图的其他图片被显示出来。
    可使用vertical-align: middle;属性来使元素居中显示。