09-CSS案例讲解：博雅互动

文档摘要

title: 09-CSS案例讲解：博雅互动 publish: true 前言 CSS已经学了一些基础内容了，我们来讲解一个小案例吧。以博雅互动的官网首页举例。版心首页的版心如下：这里我们要普及一个概念，叫“版心”。版心是页面中主要内容所在的区域。比如说，网站左上角的logo，设计图给出的左边距是143像素，此时，我们千万不要以为，logo的左边距真的是143像素。因为设计图只是一个版心；而整个页面是处于浏览器的中间，浏览器的宽度是可以随时调整的。我们量一下中间四个方形图的width，是1000px，所以，网页版心的宽度是1000px。网页的结构从结构上来看，网页分为头部（导航栏）、banner区、内容区、底部。导航栏的制作在此我们只讲基础知识的使用，不涉及浏览器的优化。