哇，我沒看到這個來了！ HTTP檔案庫放棄了這份名為Web年鑒的大型“網(wǎng)絡狀態(tài)”報告，訪客作家探索了580萬個網(wǎng)站的數(shù)據(jù)。

Una Kravetz和Adam Argyle撰寫了CSS分會。關鍵是要從山上的數(shù)據(jù)價值中擠出一定數(shù)量的見解。因此，這里有一些具有諷刺意味的是，我對本章的想法擠壓了更快的閱讀，但是，嘿，我們走了。

• 83％的站點使用RGBA（），但只有22％使用RGB（）。這對我來說完全有意義，因為如果您問我，RGB（）并不是一種特別有用的顏色格式。這是“ A”（Alpha），使格式具有能力控制透明度，該格式直到最近以最受歡迎的格式Hex以8位六位數(shù)的形式使用。但是即使那樣，它也不像RGBA（）那樣好。 HSLA（）可以說是最好的顏色格式。
• 白色和黑色是兩種最受歡迎??的顏色，毫不奇怪。我用他們的名字使用它們很多。我什至更改CSS承諾使用白色代替#FFF和黑色而不是＃000，因為我認為它的心理開銷較少。
• EM是REM的兩倍。哇。我本人是REM家伙，只是因為我發(fā)現(xiàn)它不那么挑剔，更可預測。從理論上講，我仍然喜歡root的PX的想法，REM用于組件，而對于文本元素，我仍然喜歡EM，但我不確定我是否曾經(jīng)干凈地將其刪除。
• 迄今為止，課程是選擇器類型的領導者。考慮使用多少，它們的領先優(yōu)勢超過10倍。我喜歡看到。它們具有低而低的特異性值。他們有很好的API來操縱它們。他們的全部目的是成為造型鉤。它們是元素不可能的。這是做造型的正確方法。您保持樣式的平淡無奇，您的頭痛越少。對我來說，令人驚訝的是，每個元素的平均級別數(shù)量是一個。讓我真的很想知道小數(shù)。是1.1嗎？ 1.4？ 1.00001？
• 圣桶。一半站點上的Flexbox，僅占2％的網(wǎng)格？瀏覽器支持并沒有那么不同。我很清楚它們都非常有用，可以一起使用并且用于不同的事物，但是我發(fā)現(xiàn)網(wǎng)格通常比Flexbox更有用，并且個人使用它的頻率更高。
• 我本來可以猜測站點上已加載字體的中位數(shù)為平均為0，但這是3個！我認為CSS-tricks擁有一個（在寫作時是奇異的，僅用于標題。該站點的身體字體是系統(tǒng)-UI。）但實際上，這是4個，因為預加載和子集以及大膽的相對于常規(guī)等。我想知道可變字體何時會開始產(chǎn)生影響。我認為隨著時間的流逝，這將降低這個數(shù)字。 Open Sans和Roboto是任何其他已加載字體的三倍，整個列表是Google字體內容，除了某些字體很棒的情況外。
• 有趣的是，某些主要庫可以在使用某些功能的情況下以這樣的全球/通用規(guī)模偏向統(tǒng)計數(shù)據(jù)。我記得YouTube的播放按鈕如何使用稱為SMIL的SVG技術將“變形”到暫停按鈕中。但是，由于YouTube是如此巨大，因此當一個網(wǎng)站上實際上只是一個按鈕時，它看起來像是很高的Internet流量包括SMIL。過濾器在該報告中。雖然過濾器很酷，但實際上它恰好位于YouTube嵌入式內部和字體Awesome的樣式表中，使用它的網(wǎng)站的百分比（78％）看起來很高。
• 在超過過渡和動畫中超重使用的頁面中，過渡是大量使用的兩倍，但是在第50個百分位數(shù)時，過渡的使用六倍。這對我來說是正確的。過渡通常更有用，但是您做的動畫越多，您可以使用諸如KeyFrames之類的高級工具。
• 看起來大多數(shù)網(wǎng)站上都有大約45個媒體查詢。目前尚不清楚這些是否是不同的媒體查詢，或者它們是否可以是樣式表其他地方重復的媒體查詢。如果它們都是不同的，那似乎很多，所以我懷疑這只是一件工具，人們使用嵌套的媒體查詢來創(chuàng)作清晰度，并且它們會冒出來，但不會被合并，因為這對特殊性太奇怪了。我有興趣看看人們使用了多少個獨特的媒體查詢。關于媒體查詢數(shù)據(jù)對我來說最令人著迷的是，最小寬度和最大寬度是用法的頸頸。如果我在猜測，我會把最大寬度遙遙領先。
• 每個站點大約六個樣式表。這可能很難說，因為這樣的資產(chǎn)經(jīng)常在CDN上托管，但是我很想知道該網(wǎng)站是手工的，以及來自第三方的有多少人。分布像三個和三個，還是一個和五？

報告中還有很多，CSS只是二十章之一。所以去挖！

以上是在查看網(wǎng)絡年鑒后的思想之后的詳細內容。更多信息請關注PHP中文網(wǎng)其他相關文章！