WordPress页面生成器的#1实用程序框架
这就是为什么自动。css(ACSS)是使用WordPress页面生成器的网页设计师和开发人员的游戏规则改变者。。。。
自动排版
ACSS支持的网站上包含文本的任何内容,无论是标题、段落、列表、表单字段或其他任何内容,都可以通过12种不同的大小选项在层次结构中遵循完美的数学比例,所有这些选项都可以自动且完全移动响应。最重要的是,整个系统都在您的自动控制下。css仪表板。
自动颜色
设置您的品牌颜色,ACSS会自动生成每种颜色的六种颜色。类使您能够使用这些变体为任何元素(包括背景和覆盖)上色,您甚至可以通过自动将它们与自定义类和ID一起使用。css颜色实用程序变量。
“颜色”图标
间距图标
自动间距
正如ACSS中的排版一样,边距、填充和间隙都遵循完美的数学比例,让您可以访问六个分层间距值和六个分层节间距值,所有这些都是自动响应的。此外,间距实用程序变量确保即使是完全自定义的元素也具有一致的间距。
自动响应
ACSS使用先进的CSS Climp和Calc技术,确保所有排版、边距、填充和间隙都能根据网站的最大和最小视口尺寸完美响应。即使您自定义系统以适合特定的设计和布局,也不必摆弄断点。
移动响应图标
网格图标
自动网格
ACSS是第一个提供自动响应电网的公用事业框架。设置桌面上所需的列数和“自动”。css处理其余部分。对于喜欢在每个断点完全控制网格的开发人员,请选择Automatic。css通过传统的网格实用程序类提供完全控制。
疯狂的可定制性
认为一个完全自动化的框架会让你在每个站点上使用相同的值吗?再想想!自动的css为您提供了对排版、间距和颜色的惊人精细控制,因此您可以毫无问题地从Figma、Sketch和XD快速重新创建设计。它非常适合机构和团队。
自定义图标
回退图标
自动回退
并非所有浏览器都支持“自动”的核心“钳夹”和“计算”功能。css的响应特性。不过,不用担心,因为是自动的。css在不支持Clamp的浏览器中使用Calc有近乎完美的回退,而在不支持Calc的浏览器中则使用rem或px的“纯”回退。是的,您可以完全控制纯回退值。
差异
最后,一个真正的实用程序框架
不会做得太少
大多数实用程序类系统强制您对所有内容使用类。ACSS通过默认情况下自动设置某些元素(如标题大小、节填充等)来拾取松弛(而不会过度)。你不必记得在每一个标题或章节上都上一节课。
不会做太多
许多实用程序类系统试图用“.pt-10”这样的超粒度、晦涩的类做得太多,这会使您的网站更难维护,更难在全球范围内进行调整。自动的css的设计目的是在必要时帮助您,而不会让您陷入实用程序类地狱。
跟上您的步伐
大多数实用程序类系统的最大缺点之一是,在创建自定义元素时必须将它们抛在脑后。使用ACSS变量,您可以轻松地将自定义类挂接到Automatic中。css大小、间距和颜色系统实现了前所未有的设计一致性。
给你控制
其他实用程序类系统将您锁定在设置变量中,进行更改既费时又有风险。自动的css是第一个允许您根据特定的设计需求拨号整个系统的系统。从站点到站点,自动。css紧跟您的步伐。
轻盈无臃肿
由于ACSS始终是一个实用程序系统,因此它没有许多其他实用程序类框架带来的膨胀。是的,我们保证我们将坚持真正的“效用”哲学,以确保自动。css永远不会成为无休止的功能请求和华而不实的插件的牺牲品。
设计用于实际开发
依赖其他实用程序系统附带的预先设计好的布局包和设计套件是很无聊的,会让你和你的客户陷入一个看起来像所有其他网站的网站。自动的css是为那些从头开始构建、适当使用自定义类以及希望能够快速轻松地创建…任何东西的人而构建的。
以下是您可以使用Automatic.css快速轻松控制的内容
背景颜色背景覆盖文本颜色按钮颜色源线按钮滑动颜色铲头文本大小文本缩放文本颜色边缘填充部分填充空格缩放按钮颜色按钮大小灵活布局灵活项目位置灵活项目订单网格结构网格断点结构网格间隙网格项目位置网格项目订单网格项目边界半径半径缩放最大宽度-高度框shadowsbrookeoutimage对象FITIMAGE翻转元素便利性等。。。
只需应用ACSS实用程序类:
或使用自动。css变量:
无论您是在构建器中编辑还是编写自己的自定义CSS,这都非常简单。
家庭
由Automatic.css支持的页面生成器
唯一一个从构建器无缝转换到构建器的框架。没有额外的成本,没有额外的插件。学习一次,并在需要的地方使用它。