CSS框架带来的效率提升

连伯真实的农民

连伯真实的农民

2016-02-19 23:19

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

利用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框架,却一直没有去具体的实施下去。忙不是借口哇~~~~

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

(本文来源于图老师网站,更多请访问http://m.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;
}

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

展开更多 50%)
分享

猜你喜欢

CSS框架带来的效率提升

Web开发
CSS框架带来的效率提升

css框架(CSS Frameworks):CSS框架应用

Web开发
css框架(CSS Frameworks):CSS框架应用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

AJAX 图片展示框架56个 提升开发效率

Web开发
AJAX 图片展示框架56个 提升开发效率

利用CSS框架进行高效率的站点开发 Elements

Web开发
利用CSS框架进行高效率的站点开发 Elements

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS框架的利与弊

Web开发
CSS框架的利与弊

CSS框架的利与弊(下)

Web开发
CSS框架的利与弊(下)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS定义网页局部链接的技巧

CSS定义网页局部链接的技巧

如何在同一窗口打开多个Excel

如何在同一窗口打开多个Excel
下拉加载更多内容 ↓