CSS开发工具是最近的一个嗡嗡声,而不仅仅是一个有趣的,就像以前一样。如果这是你在最后一个小时间里发现的,那么把新鲜的东西换成背包是个好主意。一个整洁和紧凑的包装丰富,使CSS开发变得容易。
它是模块化和快速的闪电。背包搭建PostCSS,并出现了许多完整的功能。设计师和开发人员想要开始使用开箱即用的工具,在这种情况下,我们看到背包不会让我们失望。很容易将其整合到他们的工作中,没有任何麻烦。开发人员将会为大多数构建工具找到存在的插件。
您可以将这个RucksackCSS开发工具与npm模块手工集成,或者将CSS直接处理到命令行中。
以下是开发人员可能会发现的一些功能。浏览我们网页设计服务开发人员团队指出的功能。
选项
它是一个完整的模块化工具,可让您打开和关闭其功能。您也可以根据自己的喜好自定义。只需在构建工具中初始化功能名称和布尔值即可。默认情况下,所有功能都可以设置为true。
响应性排版
由于字体大小上有一个新的响应性特性,您可以生成“自动”流体排版。你可以得到一个开始是很容易指定响应作为字体大小。
如果要对字体大小进行一些控制,您可以更改默认设置。最有效的方法是通过字体大小的新速记语法以及名为font范围的新属性来实现。字体范围能够识别字体大小之间的视口宽度是流畅的。那么在这个范围之外,字体大小可以根据最小值和最大值进行设置。
那么可以使用独立的属性来分配像px,rem和em这样的具体值。背包反应排版输出复杂的基于计算机和基于VW的字体大小。随着媒体查询,您可以建立流畅的字体大小之间的范围。
速记定位
使用Rucksack,您可以使用速记方法来利用诸如填充和边距等属性来定位您的偏移量。
数量伪选择器
在这个CSS开发工具中,将添加伪选择器,以便您可以根据数量选择样式元素。您可以利用它们创建强大的响应和内容驱动的设计-
1.如果有特定数量的项目或更多,至少应用2.:如果有特定数量的项目或更少,则最多应用3.适用于特定范围内的所有项目4.适用于如果有确切的项目数量
这些数量的伪选择器有助于基于兄弟数量对元素进行样式化。房产别名
背包将允许您设置长名称的别名,并节省过多的按键次数。您只需要将其添加到@alias规则中,格式为(别名):(property);.那么你可以利用任何地方的别名,包括其他属性。在项目中单独使用一个@alias规则,并在一个地方指定所有别名。
输入伪元素
背包的伪元素可让您有效地浏览浏览器中HTML5输入的内容。范围输入(和启用自动供应商前缀的::占位符)是唯一支持的元素。然而,当浏览器供应商允许访问其UPI时,您可以添加额外的功能。
您可以使用::placeholder伪元素来对占位符进行风格化。您可以将其应用于任何输入元素或样式表的屋顶,用于全局样式。
您将发现范围输入难以设计,因此您可以启用使用::track和::thumb。您可以将它们应用于任何范围的元素或样式表的根目录,用于全局样式。你会遇到以下声明-Webkit外观:无;和Moz外观:没有。您可以添加相关元素,允许自定义样式正确应用。
NativeClearfix
背包使清楚的属性中的常见的清除方法成为本机方法。它将自己定义为开发人员使父元素自我清除的方法,以使浮点保留。
在这里,您将找到新的两种新方法来添加-修复和修复遗留问题。您将获得相同的结果,但具有不同程度的浏览器支持。您需要修复IE8需要的清洁代码的输出。
字体src扩展
背包提供了一种捷径方法来生成@font-face中设置的一些防弹src。它包括一个新的字体路径,您需要将路径简单地设置为字体文件。这将创建一个基于FontSpring语法的src-set输出。
十六进制RGBA快捷键
这个CSS开发工具提供了一个简单的快捷方式来将alpha通道添加到十六进制颜色。您需要添加十六进制值将其转换为RGB值的替代。
发现
你会发现Rucksack上现有的一些现代化的宽松功能。设计师和开发人员可以在CSS转换和动画中使用它们。任何数量的新的宽松将允许在输出上转换为cubic-bezier()函数。你可以自己理解它。
遗产回退
对于背包的遗留支持,因为它们容易提供回退,所以在旧版浏览器上有许多属性。您可以自愿添加,您可以打开和关闭回退。不透明度也能够生成合适的MS滤镜,以实现IE8的透明度。RGBA能够产生一个十六进制的后备rgba()
自动前缀
开发人员可以通过合适的自动转换器(Autotoprefixer)轻松运行代码,自动应用于相关供应商,也可以根据当前浏览器的流行度和支持来运行代码。