css框架网页设计教程

1、css框架网页设计教程关于css框架网页设计教程1、框架编写CSS也是一样，从最初只是定义文字颜色、内容排版，到现 在定义所有的表现。CSS框架也渐渐被重视了，因为大家都认识到: 从具象的表现中抽出抽象的模块来重复使用，是减少用户下载、方 便团队及个人开发最重要的手段。2、css框架的开发顺序a）格式化reset. CSS格式化css的真正好处是能够快速启动工作，你可以在新的 HTML文件里引入框架，不用再处理重置padding和margins,实现 统一的排版、浏览器下的相同表现。b）布局 layout, css定义页而是二栏还是三栏，是全屏还是1024X768一个网站的设计可能有很多种布局

2、，但是大多数都是由几个具有 复用性的布局组成，选择性的引入所需要的布局，可以很快地应用 所期望的页面布局。c）基木样式 type, css定义body> hl-h6、a: link-a:active、p等的字体大小和颜色。基本样式的css引用,譬如将ul定义class为"ul-text” ,用 来展现相同的icon、行间距、链接色彩。还可以像这样应用：class=” ul-textsqu肛e”，li前展现的是 方型的iconod）表格修饰table, css定义 table、tr> td> th、thead tfoot> tbody> caption 等

3、标 签的表现。和基本样式一样，但是表格在现有网站的展现形式几乎都是处理 数据，所以分开存放引用。譬如在table上应用table-style-1便 是黑色边框的表格，table-style-2便是黄色边框的表格。e) 表单修饰form, css定义 fieldset、label、button> input、select> textarea S 几个标签的表现。大多数网站的表单、按钮、输入框几乎都是一样的。之所以引入 这个CSS,是为了便于统一在各个浏览器中的展现。默认的按钮、 输入框等在各个浏览器下的展现区别很大，虽然在格式化的css中 己经初步的统一，但是输入框的边框，按钮的样式

4、都是需要在这个 css中定义的。无奈的是select无法做到统一，如果考虑到用js 实现的话，这个成本太大了点。f) 打印修饰print, css修饰打卬输出的页面。g) 包含其他css的CSSfrontpage, css list. css> detail. css> register. css 等等根据各种引用去引入相应的CSSo譬如list页面中没有需要表 格的修饰，那就不引入table. CSSo以节约代码量。3、css框架文件夹的建立a) core主要的存放 reset. css、layout. css> type. css、print, cssb) bud模块存放

5、 table. css> form, css、album, css 等 cssc)petal具体应用存放封装过的 css。fro nt page. css> llist. css> det ail. css> register, css等csso这个文件夹存放的css都是被直接引用的。文件夹的命名，按个人喜好啦！4、css框架的优点R提高开发效率。b）规范名称定义，便于维护。c）规范项目开发流程d）css代码更清晰、简单。html代码更合理。5、css框架的.弊端。R学习成木提高。你需要了解整个框架，需要阅读框架的文档。b）css框架对于一个小项目等页面来说很臃肿。框架

6、中可能有大 部分你用不到的代码。C）可能会无法帮助你的技术提高。太依赖框架，以至于很难排除 bugo包括框架中本身就带的bug。d）选择自己需要的框架与开发框架都很痛苦。写到后面发现越来 越不灵活，越来越臃肿。残念-6、开发及使用css框架中常遇到的问题。1、页面外部引用样式过多。譬如关于ul的margin定义，在格式化的css中会芮明为0,而 在基本样式的css中又可能会声明margin:opxlOpx;所以在Yslow中会出现多次定义。2、组件复用性的考量。譬如表单定义的CSS中定义了所有表单的修饰，而假定在注册这 个页而中只是需要这个css的百分之三十。那是否应切割出去那不 要的百分之七十？综合以上的二个问题，个人认为解决的方式便是封装，让该有的 有，不该有的没有。尽量减少http连接数和CSS的大小。但如果彻 底是这样做的话，css的复用性又会变得很差，后期手工的封装会 很痛苦。只能套用小马的一句话“具体情况，具体分析”。人生真 是矛盾啊3、到底该不该支持em?可见如要支持em,最大的目的是为了在浏览器中可以根据用户 的分辨率大小自由缩放，对于拥有超大显示器的用户与小显示器的 用户是非常有用的。可是在采集我们用户的浏览器数据后，发现分 辨处于