新年快樂(lè)!
新的一年到了评矩，我們重新有了一整套新的東西要學(xué)習(xí)纲仍。 雖然有很多新的功能，但以下3個(gè)是我今年最想要使用的.
1.功能查詢
前一段時(shí)間被啼，我寫了關(guān)于功能查詢是我真正想要的一個(gè)CSS功能试躏。 好了猪勇，現(xiàn)在它基本上在這里！ 除了IE颠蕴，它現(xiàn)在支持其他主流瀏覽器（包括Opera Mini）泣刹。
使用@supports規(guī)則的功能查詢?cè)试S我們?cè)谝粋€(gè)條件塊中包裝CSS，該條件塊僅在當(dāng)前用戶代理支持特定的CSS屬性值對(duì)時(shí)應(yīng)用犀被。 一個(gè)簡(jiǎn)單的示例是只將Flexbox樣式應(yīng)用于支持顯示的瀏覽器：flex -
此外椅您，使用'like'和'not'的運(yùn)算符，我們可以創(chuàng)建更復(fù)雜的功能查詢寡键。 例如掀泳，我們可以檢測(cè)瀏覽器是否只支持舊的Flexbox語(yǔ)法 -
Support
2. 網(wǎng)格布局
CSS網(wǎng)格布局模塊定義用于創(chuàng)建基于網(wǎng)格的布局的系統(tǒng)。 它與Flexbible Box布局模塊具有相似之處西轩，但是更專業(yè)用于頁(yè)面布局员舵，因此具有許多不同的特征。
顯示項(xiàng)展示位置
網(wǎng)格由網(wǎng)格容器（使用display：grid創(chuàng)建）和網(wǎng)格項(xiàng)（它的子項(xiàng)）組成藕畔。 在我們的CSS中马僻，我們可以輕松和明確地定義網(wǎng)格項(xiàng)的位置和順序，而與其在標(biāo)記中的位置無(wú)關(guān)注服。
Support
CSS網(wǎng)格模塊將在今年3月在瀏覽器中可用韭邓。
3.原生變量
最后措近，本地CSS變量（級(jí)聯(lián)變量的自定義屬性模塊）。 此模塊介紹了創(chuàng)建作者定義的變量的方法仍秤，它可以作為值分配給CSS屬性熄诡。
例如，如果我們有一個(gè)主題顏色诗力，我們?cè)跇邮奖碇械膸讉€(gè)地方使用凰浮，我們可以將它抽象成一個(gè)變量并引用該變量，而不是多次寫出實(shí)際值苇本。
這是我們能夠在CSS預(yù)處理器（如SASS）的幫助下做的袜茧，但CSS變量具有生活在瀏覽器中的優(yōu)勢(shì)。 這意味著他們的值可以實(shí)時(shí)更新瓣窄。 要更改上面的--theme-color屬性笛厦，例如，我們所要做的就是以下 -
Support
以上內(nèi)容應(yīng)該都屬于CSS4,你是否已經(jīng)很期待了.
