WordPress頁(yè)面生成器的#1實(shí)用程序框架
這就是為什么自動(dòng)。css（ACSS）是使用WordPress頁(yè)面生成器的網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員的游戲規(guī)則改變者。。。。
自動(dòng)排版
ACSS支持的網(wǎng)站上包含文本的任何內(nèi)容，無(wú)論是標(biāo)題、段落、列表、表單字段或其他任何內(nèi)容，都可以通過(guò)12種不同的大小選項(xiàng)在層次結(jié)構(gòu)中遵循完美的數(shù)學(xué)比例，所有這些選項(xiàng)都可以自動(dòng)且完全移動(dòng)響應(yīng)。最重要的是，整個(gè)系統(tǒng)都在您的自動(dòng)控制下。css儀表板。
自動(dòng)顏色
設(shè)置您的品牌顏色，ACSS會(huì)自動(dòng)生成每種顏色的六種顏色。類使您能夠使用這些變體為任何元素（包括背景和覆蓋）上色，您甚至可以通過(guò)自動(dòng)將它們與自定義類和ID一起使用。css顏色實(shí)用程序變量。
“顏色”圖標(biāo)
間距圖標(biāo)
自動(dòng)間距
正如ACSS中的排版一樣，邊距、填充和間隙都遵循完美的數(shù)學(xué)比例，讓您可以訪問(wèn)六個(gè)分層間距值和六個(gè)分層節(jié)間距值，所有這些都是自動(dòng)響應(yīng)的。此外，間距實(shí)用程序變量確保即使是完全自定義的元素也具有一致的間距。
自動(dòng)響應(yīng)
ACSS使用先進(jìn)的CSS Climp和Calc技術(shù)，確保所有排版、邊距、填充和間隙都能根據(jù)網(wǎng)站的最大和最小視口尺寸完美響應(yīng)。即使您自定義系統(tǒng)以適合特定的設(shè)計(jì)和布局，也不必?cái)[弄斷點(diǎn)。
移動(dòng)響應(yīng)圖標(biāo)
網(wǎng)格圖標(biāo)
自動(dòng)網(wǎng)格
ACSS是第一個(gè)提供自動(dòng)響應(yīng)電網(wǎng)的公用事業(yè)框架。設(shè)置桌面上所需的列數(shù)和“自動(dòng)”。css處理其余部分。對(duì)于喜歡在每個(gè)斷點(diǎn)完全控制網(wǎng)格的開(kāi)發(fā)人員，請(qǐng)選擇Automatic。css通過(guò)傳統(tǒng)的網(wǎng)格實(shí)用程序類提供完全控制。
瘋狂的可定制性
認(rèn)為一個(gè)完全自動(dòng)化的框架會(huì)讓你在每個(gè)站點(diǎn)上使用相同的值嗎？再想想！自動(dòng)的css為您提供了對(duì)排版、間距和顏色的驚人精細(xì)控制，因此您可以毫無(wú)問(wèn)題地從Figma、Sketch和XD快速重新創(chuàng)建設(shè)計(jì)。它非常適合機(jī)構(gòu)和團(tuán)隊(duì)。
自定義圖標(biāo)
回退圖標(biāo)
自動(dòng)回退
并非所有瀏覽器都支持“自動(dòng)”的核心“鉗夾”和“計(jì)算”功能。css的響應(yīng)特性。不過(guò)，不用擔(dān)心，因?yàn)槭亲詣?dòng)的。css在不支持Clamp的瀏覽器中使用Calc有近乎完美的回退，而在不支持Calc的瀏覽器中則使用rem或px的“純”回退。是的，您可以完全控制純回退值。
差異
最后，一個(gè)真正的實(shí)用程序框架
不會(huì)做得太少
大多數(shù)實(shí)用程序類系統(tǒng)強(qiáng)制您對(duì)所有內(nèi)容使用類。ACSS通過(guò)默認(rèn)情況下自動(dòng)設(shè)置某些元素（如標(biāo)題大小、節(jié)填充等）來(lái)拾取松弛（而不會(huì)過(guò)度）。你不必記得在每一個(gè)標(biāo)題或章節(jié)上都上一節(jié)課。
不會(huì)做太多
許多實(shí)用程序類系統(tǒng)試圖用“.pt-10”這樣的超粒度、晦澀的類做得太多，這會(huì)使您的網(wǎng)站更難維護(hù)，更難在全球范圍內(nèi)進(jìn)行調(diào)整。自動(dòng)的css的設(shè)計(jì)目的是在必要時(shí)幫助您，而不會(huì)讓您陷入實(shí)用程序類地獄。
跟上您的步伐
大多數(shù)實(shí)用程序類系統(tǒng)的最大缺點(diǎn)之一是，在創(chuàng)建自定義元素時(shí)必須將它們拋在腦后。使用ACSS變量，您可以輕松地將自定義類掛接到Automatic中。css大小、間距和顏色系統(tǒng)實(shí)現(xiàn)了前所未有的設(shè)計(jì)一致性。
給你控制
其他實(shí)用程序類系統(tǒng)將您鎖定在設(shè)置變量中，進(jìn)行更改既費(fèi)時(shí)又有風(fēng)險(xiǎn)。自動(dòng)的css是第一個(gè)允許您根據(jù)特定的設(shè)計(jì)需求撥號(hào)整個(gè)系統(tǒng)的系統(tǒng)。從站點(diǎn)到站點(diǎn)，自動(dòng)。css緊跟您的步伐。
輕盈無(wú)臃腫
由于ACSS始終是一個(gè)實(shí)用程序系統(tǒng)，因此它沒(méi)有許多其他實(shí)用程序類框架帶來(lái)的膨脹。是的，我們保證我們將堅(jiān)持真正的“效用”哲學(xué)，以確保自動(dòng)。css永遠(yuǎn)不會(huì)成為無(wú)休止的功能請(qǐng)求和華而不實(shí)的插件的犧牲品。
設(shè)計(jì)用于實(shí)際開(kāi)發(fā)
依賴其他實(shí)用程序系統(tǒng)附帶的預(yù)先設(shè)計(jì)好的布局包和設(shè)計(jì)套件是很無(wú)聊的，會(huì)讓你和你的客戶陷入一個(gè)看起來(lái)像所有其他網(wǎng)站的網(wǎng)站。自動(dòng)的css是為那些從頭開(kāi)始構(gòu)建、適當(dāng)使用自定義類以及希望能夠快速輕松地創(chuàng)建…任何東西的人而構(gòu)建的。
以下是您可以使用Automatic.css快速輕松控制的內(nèi)容
背景顏色背景覆蓋文本顏色按鈕顏色源線按鈕滑動(dòng)顏色鏟頭文本大小文本縮放文本顏色邊緣填充部分填充空格縮放按鈕顏色按鈕大小靈活布局靈活項(xiàng)目位置靈活項(xiàng)目訂單網(wǎng)格結(jié)構(gòu)網(wǎng)格斷點(diǎn)結(jié)構(gòu)網(wǎng)格間隙網(wǎng)格項(xiàng)目位置網(wǎng)格項(xiàng)目訂單網(wǎng)格項(xiàng)目邊界半徑半徑縮放最大寬度-高度框shadowsbrookeoutimage對(duì)象FITIMAGE翻轉(zhuǎn)元素便利性等。。。
只需應(yīng)用ACSS實(shí)用程序類：
或使用自動(dòng)。css變量：
無(wú)論您是在構(gòu)建器中編輯還是編寫自己的自定義CSS，這都非常簡(jiǎn)單。
家庭
由Automatic.css支持的頁(yè)面生成器
唯一一個(gè)從構(gòu)建器無(wú)縫轉(zhuǎn)換到構(gòu)建器的框架。沒(méi)有額外的成本，沒(méi)有額外的插件。學(xué)習(xí)一次，并在需要的地方使用它。
