CSS是網頁開發中不可或缺的一部分，在網站設計中起著重要的作用。其中隱藏和顯示文字是網站設計的重點之一，本文將介紹如何使用CSS隱藏顯示文字。

/*隱藏文字*/
.hide-text {
display:none;
}
/*部分隱藏文字*/
.partial-text {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/*顯示文字*/
.show-text {
display:block;
}

上述代碼分為三部分，分別為隱藏文字、部分隱藏文字和顯示文字。

隱藏文字使用display:none;的CSS屬性，使被隱藏的元素不會再頁面中顯示。我們可以通過設置元素的class屬性來隱藏文字。例如：

<p class="hide-text">這是要被隱藏的文本</p>

部分隱藏文字使用overflow:hidden;、text-overflow:ellipsis;和white-space:nowrap;屬性來定義元素的樣式，當文本超出其容器大小時，文本將被隱藏，并以省略號的形式顯示。例如：

<p class="partial-text">這是要部分隱藏的文本</p>

顯示文字使用display:block;屬性來定義元素的樣式，使元素在頁面中正常顯示。例如：

<p class="show-text">這是要顯示的文本</p>

總之，CSS是Web開發中一種非常重要的技術，在網站設計中起著不可替代的作用。使用CSS隱藏和顯示文字可以實現一些非常酷炫的效果，從而更好地吸引用戶的注意力。