博雅首页：网页设计

先设置一个大盒子

导航栏

logo， 在a标签中放背景

li的父元素ul
**ul去除点：**list-style:none

**盒子设计：**li父亲元素可以不加宽度，利用多个子元素来撑起。

<a href="#"></a>表示占一个符号.

最后一个么有边框，单独加类名，设置右边框

**调整a标签：**给li加a类，设置属性，加宽高，转为行内元素
行高等于盒子高度

**调整位置：**多用padding，用父盒子的padding挤，

**圆角：**border -radius：15px

banner

只设高不设宽，因为banner通版，通导航条一样，
background：url（图片地址） no-repeat（不重复） center（剧中） center

content

先设置剧中（公共类），根据父盒子算每个盒子的宽高（注重边线）

**最后一个盒子被挤下来：**单独设类，去除margin， 同时去除边线，一像素不能错

四个盒子一样，图片溢出，设置公共类，width：100%；

增加图标用padding，图标去右边 background后面加right center

下半部分通版

在centent外面加一个通版盒子，给centent附加高，一个div负责通版，一个div负责版心

li后用span，span放日期

有背景必须有宽高，padding挤不走背景，因为padding可以容纳背景

什么时候不给宽？什么时候不给高？