不知道怎么标题写什么（2017-7）

考试完之后，开发部开了个小会，说要改写之前学校的承志网。易班准备上线一个类似承志网的网站，数据库继续沿用之前承志网的。等易班的网站上线了，承志网就要下线了，所以让开发部先作出一个Demo。
本来分到的任务只是一个底栏加一个视觉专题，后来种种原因，我又多了一个新闻专题。就相当于我写了大半个网页，虽说只是写个静态网页，但是那些高度和宽度，内外边距，字体大小没有一个具体的参数，只能自己慢慢的去调试，好麻烦。

遇到的一些样式问题还是挺多的，开篇博文把问题记录下来，方便以后回顾

1.底栏和视觉专题

遇到的问题就是红框圈起来的视觉专题，要实现“视觉专题”四字对准前面那个小图标。
解决办法：
把小图标设置为背景图片

<h4><a herf="#">视觉专题</a></h4>

再通过设置h4的内外边距让其对准图片。

完整代码：
html:
https://github.com/Fu4ng/EbanWorks/blob/0ca4e4d711f04abf3dfd6c3c36f80ec4c6098e16/CZweb/CZ.html
css:
https://github.com/Fu4ng/EbanWorks/blob/0ca4e4d711f04abf3dfd6c3c36f80ec4c6098e16/CZweb/CZcss.css

2.新闻专题

快速入口部分的7个小图标和后面的文字，也是要求文字对准图片，但是我这次不是用将图标设置为背景图片的方法，而是采用一个图片属性

.item1 .homeQuick ul li img{
    vertical-align: middle; <!-加上这个属性之后，能使得图片后面的文字居中对齐图片->
}

如果使用背景图片的话，我需要在定义7个类，给每个类再设置背景图片，有点麻烦

完整代码：
html:
https://github.com/Fu4ng/EbanWorks/blob/0ca4e4d711f04abf3dfd6c3c36f80ec4c6098e16/CZweb/middlePart.html
css:
https://github.com/Fu4ng/EbanWorks/blob/0ca4e4d711f04abf3dfd6c3c36f80ec4c6098e16/CZweb/middlePart.css