当前位置: 首页 > 科技观察

看各大科技公司如何使用CSS

时间:2023-03-21 22:01:05 科技观察

HTML和CSS在一些编程语言流行度统计网站上有时被视为编程语言,但大多数程序员并不认为它们是编程语言,因为它们各种编程语言的特性非常薄弱,比如逻辑控制、循环操作、函数等严重缺乏或不足,充其量是标记语言。但近些年来,随着网络应用越来越流行,HTML5和CSS3逐渐成熟,人们对CSS的使用也越来越丰富多样。很多程序员都觉得CSS的发展速度明显跟不上实际需求,所以对于CSS,人们开发了各种工具来加强CSS,比如SCSS和LESS。这些工具不仅使CSS更易于管理,而且在语法和语义方面为CSS带来了巨大的改进。刚刚过去的2014年是有趣的一年,许多知名公司都通过不同的媒体和渠道披露了他们是如何使用CSS的。包括他们使用的工具,他们使用的方法,他们对这些方法的想法,以及涉及到的具体数据和数字。最典型的是MarkOtto在Github上对CSS文件的介绍。本文的目的是将它们收集在一起,以供您参考和比较。公司PreprocessorPrefix#SourceCode#Selector辅助工具说明GithubSCSSCustom@mixins100+7,000SCSS-lint,styleguide2finalstylesheets,becauseofIEselectorlimitBufferLESSAutoprefixer935328LESSlint2finalstylesheetsCodePenSCSSAuto7prefixer1186.editorconfigAssetpipelineGhostSCSS(libsass)Autoprefixer361609一般指南开源GrouponSass(语法不清楚)指南针??更少自定义@mixins50-100?GuidelinesNonesting,custommethodologyfornamingTrelloLESSCustom@mixins442,426Preprocessor1finalstylesheet,namespacing附录:SCSSSass是CSS(CascadingStyleSheet)语法的扩展,诞生于2007年,2010年,最早最成熟的CSS预处理器语言,它可以使用变量、常量、嵌套、混入、函数等功能,更有效、更灵活地编写CSS。Sass***还是会编译出合法的CSS供浏览器使用,也就是说它自己的语法不容易被浏览器识别,因为它不是标准的CSS格式,它的语法里面可以使用动态变量,所以它更像是一种非常简单的动态语言。事实上,Sass现在有两套语法规则:一套仍然使用缩进作为分隔符来区分代码块;一套仍然使用缩进作为分隔符。另一组规则像CSS一样使用花括号({})作为分隔符。后一种语法规则,也称为SCSS,在Sass3之后的版本中得到支持。LESS是2009年的开源项目,受Sass影响较大,但使用CSS语法,使大多数开发人员和设计人员更容易上手。LESS提供了多种方式将编写的代码平滑地转换为标准的CSS代码,在很多流行的框架和工具中经常可以看到LESS的身影(例如Twitter的Bootstrap框架就使用了LESS)。根据维基百科上的介绍,LESS实际上是AlexisSellier在Sass的影响下创建的一个开源项目。当时,SASS使用缩进作为区分代码块的分隔符,而不是CSS中广泛使用的花括号({})。为了让已有的CSS用户更容易使用,Alexis开发了LESS,并提供了类似CSS的书写功能。