先设置一个大盒子
导航栏
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可以容纳背景
什么时候不给宽?什么时候不给高?