CSS遮罩是指在HTML元素上覆蓋一層半透明的遮罩層，以此來達到一些特定的效果，比如彈出框、提示信息、圖片陰影等。而在實現遮罩效果的同時，還可以結合CSS3的高斯模糊屬性，來讓遮罩層呈現出更加柔和、清晰的效果。

/* 遮罩層樣式 */
.mask{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
z-index: 999;
}
/* 圖片樣式 */
.img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
/* 高斯模糊 */
.blur{
filter: blur(10px);
}

上面的代碼中，我們先定義了遮罩層的樣式，利用了position屬性的fixed值，以及rgba顏色值的透明度來達到半透明的效果。同時z-index屬性也需要設置一個足夠大的數值，使得遮罩層能夠覆蓋在其他元素上方。

接下來是圖片樣式的定義，我們使用了absolute方式進行定位，通過transform屬性來使其居中顯示。

而高斯模糊則使用了CSS3的filter屬性，它允許給元素添加一個濾鏡效果，這里我們傳入10px參數來設置模糊程度。

結合上述樣式，我們可以輕松地實現一張圖片的高斯模糊遮罩效果。