CSS3中涉及到很多樣式，在其眾多樣式中，有一個不太為人所知的樣式，那就是不可見樣式。這些樣式被稱為不可見是因為它們不能直接在瀏覽器中看到，但是它們確實起到了實際效果。

/* 完全透明 */
invisible {
opacity: 0;
}
/* 完全不可見 */
hidden {
display: none;
}
/* 不可見但依舊占據空間 */
ghost {
visibility: hidden;
}

不難發現，上面的代碼中定義了三種不可見樣式，分別是完全透明、完全不可見以及不可見但依舊占據空間。接下來我們來一一解釋這三種不可見樣式的含義：

完全透明是指一個元素不會影響其周圍的元素。這里的不會影響是指該元素的包裹元素會忽略該元素，從而不改變其他元素的布局。

完全不可見的元素包括了之前的透明屬性，但是它更進一步，將元素從文檔流中刪除。這一過程會導致其他元素占據刪除元素的位置。

最后一種不可見樣式是元素不可見卻依舊存在于文檔流中。這意味著該元素會影響周圍元素的布局，因此它將同時占據位置和影響布局。

總的來說，不可見樣式在實踐中可以用來幫助我們達到特定的設計目的。比如，不可見樣式可以用來隱藏頁面中不需要顯示的內容，從而讓頁面更加清晰易讀。