静态首页使用CSS布局的常见错误

发布时间:2017-01-11 16:50

由于目前的开区网站多数100%采用纯静态的页面+简单的CSS布局,然后对首页稍作美化即可形成一个简单大气的开区宣传页面。有不少朋友希望打破常规模式,不采用已有的模板想自己完整设计一套属于的自己个性风格的开区站作为长期展示的页面。鉴于在做站经验不足甚至有的对HTML语法和CSS布局的使用都不熟练,所以经常出现各种各样的错误现象。为尽量避免尽量少发生这种低级错误,站长将比较常见的CSS使用汇总给各位参考!

错误一:在静态HTML首页中过多使用DIV框架,如下图所示代码位置:这么操作的后果是将加大代码难度和阅读。给人有画蛇添足的感觉,也完全不符合HTML静态网页的制作规范
解决办法:最好使用div(division)代表部分而不是没有语义,实际上div可以将文档划分为几个有意义的区域。

CSS中重复定义DIV框架错误

错误二:id使用错误,在设计首页导航栏和文字内容区域时经常会遇到采用标识持久结构性元素。由于开区网站的特殊性,尤其是页面的大气度和整洁方面,所以经常需要将登陆器下载页面和充值页面直接植入网站LOGO下面或者在导航、页眉、页脚出重复出现,目的是标识页面上的特定元素。让用户一目了然!

CSS定义类中大量使用ID的错误

错误三:class频繁调用,由于class类可应用于页面任意多个元素,非常适合标识内容类型或其他相似的条目(主要体现在多页面的开区网站中,每个页面都有充值选项和补丁下载选项栏目)
如下图所示:

class类调用过于频繁

解决办法:在上面标识区域内news-head与news-text并不需要这么多的类区分元素样式。完全可以删除!

上一篇:HTML首页调用远程JS和CSS减少IIS压力

下一篇:没有了