扫码关注官方订阅号
对于一个网站的开发,应该如何组织css内容及文件? 你常用的组织方式是怎样的? 谢谢!
业精于勤,荒于嬉;行成于思,毁于随。
说说我自己的方法:
个人博客一类的小站点,除去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
重设、公用(布局、浮动、按钮之类基础模块)、业务模块(头尾、频道、首页)
敢问这个问题,垦定不是小站,楼主可以参考一下 bootstrap 的方式,我认为挺高大上的
试试less之类的东西。另外可以去看看bootstrap之类的css是怎么写的
全局一个公用的global.css即可,省得去引入header和footer的css
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
说说我自己的方法:
个人博客一类的小站点,除去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
重设、公用(布局、浮动、按钮之类基础模块)、业务模块(头尾、频道、首页)
敢问这个问题,垦定不是小站,楼主可以参考一下 bootstrap 的方式,我认为挺高大上的
试试less之类的东西。另外可以去看看bootstrap之类的css是怎么写的
全局一个公用的global.css即可,省得去引入header和footer的css