第一个页面样式收尾总结

       差不多一个星期的时间,才断断续续的把一个网站的首页静态页面做完,当然结果不尽人意,问题一堆。先上图了:


问题从头开始捋:

1、导航设置的是宽度百分百,没有实现;

2、banner用了display:inline-block属性,还是没有限制了宽度;

3、婚庆案例设置了居中,但是文字没有居中;

4、引用地址正确,婚纱样片的右侧图没有加载出来;

5、爱家活动的两个标签,鼠标悬停,背景色改变效果不理想;悬停时,一个下面有内容的效果不会写;

6、底部地址区配色不太和谐;衔接处线条过于突出;


重新上一张图,刚才做了调整,样式也有所改观。


解决了上面提到的1和3的问题。宽度不能百分百的原因是导航上的一个div宽度为1000px;去除以后得到了解决,由此可以简单推断,兄弟元素div会影响到下方同级div的宽度。问题3文字不居中的原因是没有设置text-align属性。其它的问题待定呀。

你可能感兴趣的:(第一个页面样式收尾总结)