首先，把**做成乙個純灰色主題，最簡單直接的辦法就是給整個**加乙個濾鏡，就像我們平時**完給**加喜歡的濾鏡一樣。
我們的網頁也可以加濾鏡，但不是在整個網頁上面遮乙個div蒙版，而是讓整個網頁 只有灰色 。
灰色其實是個比較複雜的顏色。從白色到黑色，有無數種灰色，那麼這些不同的灰色，就可以代替我們網頁中的五顏六色，使整個網頁有不同色值的灰色，但是依然很有層次，而且又可以表達出一種深沉的感情。什麼是灰度，用來解釋就是：
我們知道rgb代表三個顏色，red、green、blue。rgb(0255,0255,0~255) 三個顏色數值的大小結合，形成不同的顏色。但是當我們把三個顏色的數值調成同乙個數字的時候，形成的顏色就是灰色（可以回憶我們小時候捏橡皮泥，我們是怎麼把不同顏色一起揉捏，捏出來的灰色）。
所以灰度影象是有256種顏色的（從0到255），即r、g、b的三個數值依然保持一致。
灰度越淡顏色越白，灰度越濃顏色就越黑。
簡單說完灰度。我們再來看下css中有哪些濾鏡：
毫無疑問，做清明節灰色主題的網頁，我們要選擇灰度grayscale這個濾鏡。
屬性寫法：
filter: grayscale();括號裡的數值越大，灰得越徹底。數值越小，原本的五顏六色保留得越好。
我們的**要做純灰色，也就是灰得最徹底，所以括號裡應該是100%。
filter
:grayscale
(100%)
;-webkit-filter
:grayscale
(100%)
; //相容chrome和safari和2023年後opera
-moz-filter
:grayscale
(100%)
; //相容firefox
-ms-filter
:grayscale
(100%)
; //相容ie、edge
-o-filter
:grayscale
(100%)
; //相容2023年前的opera
filter是css3的屬性，我們知道一些較低版本的ie對css3的相容性不是很好，但是老版本的ie中我們依然可以實現濾鏡的效果：
filter
:url(data:image/svg+xml;utf8,#grayscale)
; //相容ie10、ie11
filter
:progid
:dximagetransform.microsoft.basicimage
(grayscale=1)
; //相容ie6～9
又到清明節
今年清明節本來打算回家一趟，估計又不能成行了。每一年清明節的到來，都似乎在提醒我，故去的親人又離我們活著的人遠去一年。人的生死，陰陽兩隔，猶如一條分岔路，越走越遠。當我來到這個世上的時候，家裡有8口人，我以為這個世界就是這樣，家就是這樣，後來才知道，人是會死去的，人生變化無常，後面的人生之路如此的曲...
清明節如何計算（一千年清明節計算）
清明節在公曆中的日期是不固定的。統計了近1000年的日曆 1700 3100 發現 最早的清明節是2896年，其交節時間為 2896 04 03 20 21 51 最晚的清明節是1903年，其交節時間為 1903 04 06 07 25 53，那麼每年的清明節究竟如何計算呢？如下 計算清明節的日期 ...
錯過了愚人節，還有清明節
愚人節表白簡直弱爆了，清明節表白才是王道。因為萬一被拒絕，可以說 不好意思，剛才被附體了。愚人節已經過去，是不是還在後悔沒來的及向女神表白？別怕，錯過了愚人節還有清明節！清明節表白才是王道。既然是清明節表白，當然需要尋找乙份和這個節日匹配的禮物。作為一名資深技術屌，自己動手才更有誠意。細想和清明節有...