css框架技术在web开发中的应用

《css框架技术在web开发中的应用》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、CSS框架技术在WEB开发中的应用DIV+CSS是目前最流行的X页布局方式之一，优点很多。但由于不同类型、不同版本浏览器对CSS支持的差异，使得DIV+CSS布局给初学者带来很多的因扰。本论文避开X页布局中浏览器的兼容问题，使用960gridsystem，探讨了博客中常见的2列、3列布局的实现方法。关键词：X页布局；框模型；CSS框架；960gridsystem　　1、引言　　表格（TABLE）布局和DIV+CSS布局是常见的X页布局方法。表格布局使用简单、制作速度快，但页面代码冗余、结构与表现混杂在一起，不利于信息查找、管理和修

2、改，目前基本上被淘汰。DIV+CSS布局方法弥补了表格布局的不足，实现了表现与内容的分离，便于维护和修改，大大简化了代码，减少X络带宽资源浪费，对于用户和搜索引擎更加友好，支持浏览器的向后兼容。　　2、DIV+CSS布局在L等文件式样的计算机语言。div+css是一种有别于传统的table布局的新布局法，可以达到了e介绍　　960px被证实在1024X768的分辨率能够非常好的展现X页的内容，如Yahoo!、淘宝、新浪、优酷等站点的首页宽度都是950px/960px。960gridsystem的X页宽度定为960px，且将960p

3、x分成12列或16列，分别由类.container_12和.container_16的决定划分列数，他们可以独立使用或是协同使用。类名grid_n用来表示列数。如，表示该DIV包含4列。　　4.2960gridsystem用于X页布局　　在博客类站点中，大部分都采用2列或3列布局，（如新浪博客、搜狐博客等），使用DIV+CSS布局，为了保证在各类型、各版本浏览器的表现尽可能相同，我们需要为每个DIV写大量的CSS。使用960gridsyste，使得X页布局变成一项简单、轻松而又愉快的工作。　　我们要使用960gridsystem，

4、就必须在X页中包含960删格系统的CSS文件，只需要在X页文件的头部加入如下代码，链接到外部样式文件：　　　　　　　　在身体部分，使用DIV进行布局，我们采用类contanier_12。侧栏（sidebar）与主内容区域（maincontent）平行，侧栏为4列，主内容区域为8列，加起来刚好12列。代码如下：　　　　header　　sidebar　　maincontent　　footer　　　　然后创建自己需要的CSS样式，在每个DIV内加入内容即可。如需要创建3列布局，只需在内多加一个DIV，修改每个DIV的列数分配即可。　　通

5、过使用CSS框架，解决了浏览器的兼容问题；规范了、CSS代码（没有任何多余的标签）；通过重用CSS代码库，降低了].人民邮电出版社.2006:23-27、117~129　　[3]PaulHaine著杨明军等译.精通语义、标准和样式[M].人民邮电出版社.2008.133-134　　[4]暴风彬彬译.960GridSystem基本原理及使用方法[EB/OL].960-grid-system-css..2009-01-26