CSS經(jīng)常被用來改變樣式和布局，其中一種常見的應用就是手動切換。手動切換是指用戶點擊按鈕或者鏈接來切換顯示內(nèi)容，而CSS可以實現(xiàn)這種切換效果。

要實現(xiàn)手動切換，需要使用CSS屬性“display:none;”和“display:block;”。當元素的display屬性為“none”時，該元素就會被隱藏起來，而當該屬性為“block”時，該元素就會顯示出來。

button{
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 24px;
cursor: pointer;
margin: 10px;
}
.content1{
display: block;
}
.content2{
display: none;
}
.button1:focus ~ .content1{
display: none;
}
.button1:focus ~ .content2{
display: block;
}
.button2:focus ~ .content2{
display: none;
}
.button2:focus ~ .content1{
display: block;
}

在上面的代碼片段中，我們定義了兩個按鈕和兩個內(nèi)容塊。初始時，第一個內(nèi)容塊是顯示的，而第二個內(nèi)容塊是隱藏的。當用戶點擊第一個按鈕時，第一個內(nèi)容塊就會隱藏，而第二個內(nèi)容塊就會顯示；當用戶點擊第二個按鈕時，第二個內(nèi)容塊就會隱藏，而第一個內(nèi)容塊就會顯示。

需要注意的是，按鈕需要設置為“focus”狀態(tài)才能觸發(fā)切換效果。我們還使用了CSS選擇器“~”來選擇按鈕后面的內(nèi)容塊，這樣在點擊按鈕時才會切換對應的內(nèi)容塊。

通過這種方法，我們就可以實現(xiàn)手動切換的效果了。CSS提供了強大的樣式控制能力，可以幫助我們構建更好的用戶體驗。