当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS框架带来的效率提升

CSS样式表
用css实现图片垂直居中的使用技巧
CSS List Grid Layout 图片垂直居中
IE6网页神奇BUG
Marquee高级用法实例代码
web标准知识——从p开始,循序渐进
web标准知识——用途相似的标签
html链接与文本标签们
当标题不能显示完整的解决方法
详解链接的rel与target区别
使css兼容IE8的小技巧
CSS 首字母大写代码
CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载
css font缩写总结附实例
css下margin、padding、border、background和font缩写示例
用CSS来控制图片显示大小的代码
css下划线颜色一句话代码
css常见问题解决方法小结
relative absolute无法冲破的等级问题解决
div总是被select遮挡的解决方法
CSS文字截取功能实现代码

CSS样式表 中的 CSS框架带来的效率提升


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 147 ::
收藏到网摘: n/a


利用CSS框架进行高效率的站点开发 http://www.ruanchen.com/SS/20071207/css_1784.html
CSS框架的利与弊(上) http://www.ruanchen.com/SS/20071207/css_1785.html
CSS框架的利与弊(下)http://www.ruanchen.com/SS/20071211/css_1964.html
前段时间一直在讨论CSS框架。很多朋友看了那三篇文章后提了不少自己意见。特别是一位北京的朋友A君,他有一个小的团体,主要是做欧美的外包项目。可以说做的站点很多都是大同小异。在看完前面的介绍后,他停下手头的工作花一天时间初步的建立了一套自己的框架。接下来的一周,他们完成了10个项目的工作。在以前,每周他们大概可以完成5~6个(每个项目的工作量基本相同)。200%的效率提升!?
建立这套CSS框架中有哪些感受?A君给了我这样的回复:
制定框架的人应该很充分的理解现有项目的情况
一定要仔细,将可能出现的问题考虑清楚
各浏览器的兼容一定要做好
宁可花时间让整个团队清楚的了解整套框架,磨刀不误砍柴工
看来真是惭愧,A君的执行力很强,很快的就理解并执行下去。而我一直在提倡CSS框架,却一直没有去具体的实施下去。忙不是借口哇~~~~
大家要我放出自己定义的框架。惭愧~实际上我还没整好。先放一下我对reset.css的整理吧。
                                      
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight:normal;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}
body {
line-height: 1;
color: #000;
background: #FFF;
}
ol, ul, li {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}