我們可以使用CSS變量嗎

　　所有關(guān)于**近終于可以使用CSS網(wǎng)格的討論都讓我想到：我現在可以使用其他驚人的CSS函數了嗎CSS一個(gè)變量就在我腦海中浮現。這是我聽(tīng)說(shuō)過(guò)CSS變量之后的事情，它為前端開(kāi)發(fā)增加了一個(gè)全新的工具和思維方式，這讓我興奮了一段時(shí)間。在CSS變量綜述中CSS變量組合出現了幾年，但似乎并沒(méi)有得到廣泛應用。隨著(zhù)預處理器如SASS的走紅，前端開(kāi)發(fā)已經(jīng)癢了很久。

　　我**個(gè)興奮的CSS變量是2014年左右，之后他們就沉浸在我的興趣中。我正在考慮把它們帶到生產(chǎn)現場(chǎng)，我將向您展示它們的簡(jiǎn)單易用性。變量聲明

　　聲明的自定義屬性非常簡(jiǎn)單：我們只需要創(chuàng )建所需的屬性，并在其開(kāi)頭添加兩個(gè)破折號。這些可以宣布不加入他們：根似乎是一個(gè)很好的方式在目前。

　　我的可重復使用價(jià)值：20px；

　　訪(fǎng)問(wèn)變量

　　使用屬性非常簡(jiǎn)單。我們已經(jīng)訪(fǎng)問(wèn)了var（）的功能和性能，我們聲明上面。

　　Filler:var（-我的可重用值）；

　　這不簡(jiǎn)單嗎

　　CSS變量直接使用，易于記憶。使用CSS變量（像大多數CSS）**大的挑戰是知道使用它們的正確時(shí)間和地點(diǎn)。落地是創(chuàng )建凌亂樣式表的安全方法，這些變量可能會(huì )變得更難調試。

　　使用適當的使用情況和策略應該被考慮，這是你的大部分精力應該集中。

　　一個(gè)有趣的用例響應模塊：

　　在下面的示例中，我將向您展示如何構建我當前使用的基本變量響應組件SASS。然后我將向您展示如何使用預處理器變量CSS進(jìn)行改進(jìn)。這是一個(gè)特定的用例，不適用于各種使用變量的方法。CSS變量的不同用法。

　　SASS

　　見(jiàn)筆CSS變量ndash；響應應用示例中沒(méi)有CSS變量，該變量被亞當middot休斯（ldquoCodePen。

　　使用SASS時(shí)，我嘗試了幾種不同的方法。我經(jīng)常使用的版本是將媒體查詢(xún)放在要更改的CSS塊中。在這里，我可以使用一個(gè)變量standardCSS來(lái)混合或擴展修改后的元素，而不會(huì )分散組件的樣式。

　　問(wèn)題是有多個(gè)媒體查詢(xún)和一個(gè)相關(guān)但不多的變量。我可以使用映射變量來(lái)提供更多的組織，但我認為主要的問(wèn)題是我們使用一種多變量來(lái)定義屬性。只是感覺(jué)不對。

　　SASS變量用于推進(jìn)時(shí)間，這意味著(zhù)我們必須計劃好要使用它們的每個(gè)方面。它們使開(kāi)發(fā)更容易，但在技術(shù)上對超級大國是不可用的任何新。

　　CSS救市變數

　　見(jiàn)penCSSndash；響應變量的使用由亞當middot休斯（ldquoCodePen。

　　CSS變量在需要聲明之前是動(dòng)態(tài)的。這在另一個(gè)方面很有用。我們現在可以有條件地將變量從任何地方（如媒體查詢(xún)）更改為特定上下文。

　　通過(guò)對媒體查詢(xún)的方法，可以減少模型中分散的媒體查詢(xún)響應量。它還提供了一個(gè)很好的干凈的方法來(lái)查看不同格式的一般間距和字體樣式。

　　我認為敏感的設計主題是CSS變量，兩個(gè)很好的用例，但是有很多可能性。

　　它與SASS變量CSS有什么不同

　　變量SASS和變量CSS是兩種不同的野獸，每個(gè)野獸都有自己的pro和antiSASS變量，可以有更好的性能

　　由于SASS的普及和綠色蔬菜的編程性質(zhì)的提高，深入的組織模式也隨著(zhù)時(shí)間的推移而演變。我特別喜歡薩斯將類(lèi)似類(lèi)型的變量組合到地圖中的映射。顏色、大小和快捷方式似乎是流行的選擇，包括地圖。

　　因為CSS變量的**佳實(shí)踐沒(méi)有演變成相對較小的使用。地圖和數組不能以相同的方式組織。這些新的組織模式需要在CSS中創(chuàng )新，以不同的方式解決問(wèn)題，以動(dòng)態(tài)方式改變薩斯CSS變量

　　CSS變量由瀏覽器在運行時(shí)動(dòng)態(tài)處理，而不是在變量寫(xiě)入中使用的CSS。

　　這是CSS變量的核心賣(mài)點(diǎn)。它將看到人們如何使用這個(gè)特性，以及它是否會(huì )隨著(zhù)時(shí)間的推移滿(mǎn)足其潛在的興趣。

　　CSS是標準瀏覽器功能

　　在我看來(lái)，我們可以做的事情更多；emgt；網(wǎng)頁(yè)標簽/emgt書(shū)信電報；emgt；吞咽/emgt和lt；emgt；任何新現在是lt/emgt更好。有一些有趣的新瀏覽器特性，這意味著(zhù)我們不需要編譯JavaScript框架，以使其感覺(jué)像開(kāi)發(fā)人員是必不可少的。我敢猜測前端開(kāi)發(fā)高比以某種或那樣的方式使用變量，所以每個(gè)人都應該使用這個(gè)核心特性。這意味著(zhù)與整個(gè)網(wǎng)絡(luò )的一致性相比，構建步驟（我認為這些天我們都可以一致認為這是巨大的）。支持是什么樣的

　　支持性明顯好，有一個(gè)顯著(zhù)例外：IE11。大多數現代瀏覽器都支持CSS變量，但存在許多缺陷。

　　78.11%這是高比CSS網(wǎng)格（寫(xiě)入時(shí)），但IE11支持可能存在問(wèn)題。

　　那么我們可以使用CSS變量嗎

　　我認為現在是時(shí)候IE11支持不會(huì )再好了，我們從上一個(gè)版本W(wǎng)indows中知道，升級需要一些人很長(cháng)時(shí)間。但是現代瀏覽器的支持是非常好的，我們應該尋找CSS變量和實(shí)驗可能性。

　　這并不意味著(zhù)我們不應該忘記我們的責任，盡管舊瀏覽器支持它。使用支持標簽的基本備份系統，甚至是多填充，即使您的網(wǎng)站實(shí)際使用了更多的舊瀏覽器，也應該考慮使用舊瀏覽器。

http://ezekroy.com/jianzhanzhishi/961.html 我們可以使用CSS變量嗎