Html5技术交流 加入小组

8个成员 5个话题 创建时间:2015-12-31

DIV+CSS布局该注意哪些地方?

发表于2017-06-12 542次查看

当我们从平面设计拿到一个平面或者一个项目的时候,网页制作第一步,当然就是css布局了,DIV+CSS布局位于网页制作首位,怎么css布局最好的把 一个页面或者说一个项目框架构建出来,是做好这个页面最基本的,也是最重要的一步。css该怎么布局,或者说css布局应该注意哪些地方,下面带着这个问 题,我们来探讨下。

1,首先要考虑路是怎么走的,两列,三列,自适应?重复的icon,banner等等。先把这写路给打出来,后面的路在继续走。路打好之后,有路就好走了,跟着路走,然后就是要注意的地方了。

2、class选择符可以在一个页面中重复出现,而id选择符却只能出现一次;ID的权值要比CLASS大,可以尽量的应用class类属性来匹配页面代码,减少css大小。

3、li标签前面的图标推荐使用background-image,而不是list-style-image。

4、模块化写法的时候,别忘了给这个模块的css注释一下,因为你的css文件还要给程序看,或者以后维护给以后维护的人看,让别人方便迅速的去了解你的代码结构。

5、别偷懒,定义a标签时、按顺序定义链接的四种状态要注意先后顺序: Link Visited Hover Active,在IE6下有时起着很重要的作用。

6、table 是个好东西,在做程序数据展示列表的时候,用table在某些方面比其它标签表现的要好的多。还有居中垂直对齐等,很方便,在某个小模块里面才可以尝试下。

7、标题是标题,文字是文字,改是给h就给h,该是p就给p,css布局要了解语义标准使用。不要乱打一通,全部都是div过。

8、网站越大,CSS样式越多,css 布局请做好充分的准备和策划,包括命名规则。页面区块划分,内部样式分类等。 

总结:其实上面只是提到一点皮毛的东西,或者说一些理论的东西,css布局位于网页制作最基础也是最重要的地方,高楼大厦靠地基,靠框架,css也是,做 项目也要看框架,而css布局就是框架中最重要的一点,本人更多建议的是同学们在实际项目开发中去理解他们,掌握css的精髓,浮动固定应用自如,才是大 师境界。

发表回复
你还没有登录,请先 登录或 注册!