mat*_*sko 5 css organization css-frameworks css3
在构建一个相对较大的网站时,CSS结构应该从开始就适当地确定范围和组织.如果没有使用CSS框架,那么所有内容都可以集中到一个大规模的样式表中,但这很快就会出现故障并且可能成为巨大的维护责任.
在过去的几年里,我把我的样式表分成了各种文件,包括:base.css,layout.css,fonts.css,elements.css,但很容易,样式定义可以在文件之间跳转,这种方法需要更多严格.我没有使用过框架,因为我不喜欢CSS代码中的预设列和预定义元素.
您可以建议哪些方法,模式或技巧可以保持组织有序？什么类型的命名约定,可重用性实践和模式是有用的？这是框架应该用于什么的东西吗？
我曾经爱过LESS,但现在我是Stylus的忠实粉丝,因为我认为它比LESS/SASS/CSS更清晰 - 没有分号,冒号或括号.
因为Stylus(和LESS和SASS)允许您定义变量和模板和函数,所以我有以下文件,它们应该按以下顺序排列:
border-radius转换和clearfix这些都是使用简单的构建脚本连接并编译到CSS.
你可以看到它们的样子; 我为这些东西做了一个GitHub回购.