前端 - 如何组织整站开发的css?
迷茫
迷茫 2017-04-17 11:08:42
[HTML讨论组]

对于一个网站的开发,应该如何组织css内容及文件?
你常用的组织方式是怎样的?
谢谢!

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(6)
阿神

说说我自己的方法:

个人博客一类的小站点,除去reset.css,一般再有一个style.css足已。

网站比较大的话,将基础部分分成:base.css grid.css components.css ie.css等等,components保存所有组件的CSS,命名方式可以参考BEM,发布的时候压缩一下。

页面比较多的情况可能要分出header.css footer.css sidebar.css等等,总之这个没有严格的规定,根据业务的不同,选择适合维护和扩展的组织方式。还有就是多看看别人的代码。

阿神

1.学会总结,命名规范---这样你的小伙伴也很容易读懂
2.学会模块化,通用性强---并不是每个地方都要重新定义css,其实很多地方都可以重复用的
这是网易的,个人觉得很好nec

PHPz

重设、公用(布局、浮动、按钮之类基础模块)、业务模块(头尾、频道、首页)

怪我咯

敢问这个问题,垦定不是小站,楼主可以参考一下 bootstrap 的方式,我认为挺高大上的

大家讲道理

试试less之类的东西。另外可以去看看bootstrap之类的css是怎么写的

黄舟

全局一个公用的global.css即可,省得去引入header和footer的css

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号