CSS框架带来的效率提升
利用CSS框架进行高效率的站点开发
近期,关于CSS框架的讨论如火如荼。在深入阅读了多篇关于CSS框架的文章后,收到了许多宝贵的反馈,其中尤其以北京的朋友A君的观点为突出。他领导着一个主要承接欧美外包项目的团队,面对众多相似站点开发的需求,他选择停下来,花费一天的时间初步建立了一套自己的框架。令人惊讶的是,在接下来的短短一周内,他们团队完成了十个项目的工作,与之前每周五六个项目的进度相比,效率竟然提升了高达200%!
那么,在建立这套CSS框架的过程中,A君有何感受呢?他给出了以下几点建议:
制定框架的人需要对现有项目有充分的理解。每一个细节都需要仔细考虑,特别是可能出现的问题更不能忽视。浏览器的兼容性是一个必须重视的问题。为了确保框架的顺利执行,宁可多花些时间让整个团队对整套框架有清晰的认识。正所谓磨刀不误砍柴工。
我注意到A君不仅快速理解并实施了CSS框架,而且他的执行力非常强。这让我有些惭愧,因为我一直在提倡CSS框架,却未能亲自去具体实施。
许多朋友都向我询问是否有自己定义的框架。实际上,我还没有整理完善。我可以先分享一下我对reset.css的整理。
以下是部分代码:
```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;
}
```
在此基础上,还有更多细节和设置等待我们去完善和优化。我也注意到A君提到的`cambrian.render('body')`这一行代码,这似乎是他框架中的一部分特殊设置或调用方式。对此我暂时无法给出更多解读,但可以肯定的是,CSS框架的潜力巨大,需要我们不断去挖掘和。CSS框架虽然有其利弊,但在合理的利用下,它无疑能大大提高我们的开发效率和站点质量。
seo推广
- CSS框架带来的效率提升
- boostrap modal 闪现问题的解决方法
- ai怎么手绘游乐场旋转车场景插画- ai旋转车的画
- 微信html5页面调用第三方位置导航的示例
- 深入理解CSS中的数学表达式calc()
- 域名投资半年后总结的域名投资心得
- 导致笔记本电脑噪音大的几种硬件
- 网盘是什么 免费网盘哪个好?
- ID3V2是什么意思 id3v2编码类型是什么
- 淘宝小卖家该怎么办?
- MAYA打造漂亮的地中海风格建筑
- HTML5页面中尝试调起APP功能
- 网站制作的切图技巧 网页设计中的切图技巧介绍
- ThinkPad T440p笔记本怎么安装上液态金属导热垫-
- CSS如何排查错误?从哪入手
- 为何4G手机耗电量大,如何一招解决?