身為前端開發，我們都知道樣式表（CSS）對于網站設計至關重要。通常一個網站的CSS文件會包含數百行，但是你是否知道在某些情況下我們只需要放置兩行CSS代碼就能實現一些有趣的效果呢？下面就讓我們來探討一下吧。

.example {
display: none;
visibility: hidden;
}

這兩行代碼可以隱藏一個元素，但不同于簡單的display: none,visibility: hidden不會影響其寬度、高度或位置。同時不會影響其在頁面布局中的原始位置。我們可以通過CSS的:hover偽類來實現鼠標懸浮時元素出現的效果，如下所示：

.example:hover {
visibility: visible;
}

這樣我們通過兩行CSS代碼就實現了一個簡單的元素隱藏/懸浮出現的效果。

除此之外，有些CSS樣式也可以極大地縮減CSS代碼量。例如，下面兩行CSS可以快速實現漸變背景：

.example {
background: linear-gradient(to bottom, #ffffff 0%, #000000 100%);
}

當然，在實際開發中我們會遇到更復雜、更細致的 CSS 樣式需求，但是有時仍然應該優先選擇輕量化+簡約的原則，因為這有助于提高網站的響應速度，使用戶體驗更流暢。