在開發(fā)網站的時候，有時我們希望將一部分代碼或樣式隱藏或屏蔽。這時候就需要用到CSS中的一些技巧來實現。下面就來介紹一下CSS中如何屏蔽代碼。

/* 通過注釋屏蔽代碼 */
/* .hidden { display: none; } */
/* 通過display:none屏蔽代碼 */
.hidden {
display: none;
}
/* 通過visibility:hidden屏蔽代碼 */
.hidden {
visibility: hidden;
}
/* 通過opacity:0屏蔽代碼 */
.hidden {
opacity: 0;
}
/* 通過position: absolute;左右移出可視區(qū)域屏蔽代碼 */
.hidden {
position: absolute;
left: -9999px;
top: -9999px;
}

以上代碼中，我們可以將要屏蔽的代碼放在注釋中，也可以通過將元素的display屬性設置為none，這樣它就不會在頁面上顯示出來。同時我們還可以將元素的visibility屬性設置為hidden，這樣元素會被隱藏，但是它的空間仍然占據在頁面上。我們也可以將元素的opacity屬性設置為0，這樣元素也會被隱藏，但是它在頁面上的位置仍然保留。而position:absolute以及l(fā)eft與top的設置則是將元素移動到頁面可視范圍之外。

總之，以上屏蔽代碼的方法可以使我們在網站開發(fā)中更加靈活地調整樣式與代碼，有效地提高開發(fā)效率。