CSS框架带来的效率提升

2016-02-19 23:19 3 1 收藏

下面这个CSS框架带来的效率提升教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - Web开发 】

利用CSS框架进行高效率的站点开发 http://www.webjx.com/CSS/20071207/css_1784.html
CSS框架的利与弊(上) http://www.webjx.com/CSS/20071207/css_1785.html
CSS框架的利与弊(下)http://www.webjx.com/CSS/20071211/css_1964.html

前段时间一直在讨论CSS框架。很多朋友看了那三篇文章后提了不少自己意见。特别是一位北京的朋友A君,他有一个小的团体,主要是做欧美的外包项目。可以说做的站点很多都是大同小异。在看完前面的介绍后,他停下手头的工作花一天时间初步的建立了一套自己的框架。接下来的一周,他们完成了10个项目的工作。在以前,每周他们大概可以完成5~6个(每个项目的工作量基本相同)。200%的效率提升!?

建立这套CSS框架中有哪些感受?A君给了我这样的回复:

制定框架的人应该很充分的理解现有项目的情况
一定要仔细,将可能出现的问题考虑清楚
各浏览器的兼容一定要做好
宁可花时间让整个团队清楚的了解整套框架,磨刀不误砍柴工
看来真是惭愧,A君的执行力很强,很快的就理解并执行下去。而我一直在提倡CSS框架,却一直没有去具体的实施下去。忙不是借口哇~~~~

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

大家要我放出自己定义的框架。惭愧~实际上我还没整好。先放一下我对reset.css的整理吧。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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;
}

来源:https://www.tulaoshi.com/n/20160219/1629644.html

延伸阅读
标签: Web开发
根据一些CSS写作经验,如何提高渲染效率及所占用消耗的资源,我们来浅谈一下CSS的渲染效率,书写高效的CSS。 1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望...
标签: Web开发
根据一些CSS写作经验,如何提高渲染效率及所占用消耗的资源,我们来浅谈一下CSS的渲染效率,书写高效的CSS。 1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险...
标签: Web开发
个人总结了在开发css框架中的一点经验,献丑了。希望大家的讨论能使我们共同进步。:) 1、css框架 中国的互联网行业已经发展了10年,浏览器也从最早流行的NS到现在的FF3.IE7等等前端开发工程师的职位也诞生了。近几年在web开发中,有个非常火的词框架。YUI、JQuery、Prototype这些javascript框架在开发网站时,确实成为前端开发工程师的手中...
标签: Web开发
CSS学习越深入,我们需要关注的细节之处就越多,今天我们通过11个注意点来提高CSS的网页渲染效率。 1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒...
标签: 生活常识
效率提升15%的家居收纳法!   使用频率决定存储位置 应根据使用频率来安排要收纳物品的位置,使用率高的放在70-170 厘米的高度区间,使用率低的可按重量区分,较重的放在下部区域,较轻的放在上部空间,合理的分布为我们取放物品节省了时间,提高了收纳效率。要注意,放在上部的收纳器皿应该选带把手的,便于拿取。 吐故...

经验教程

83

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部