在網(wǎng)頁設(shè)計(jì)的過程中，CSS作為頁面的美化和樣式控制的主要工具之一，經(jīng)常被使用。以下是關(guān)于CSS的幾個(gè)經(jīng)典案例。

/*案例一*/
html,body{
height:100%;
}
.container{
min-height:100%;
position:relative;
}
.footer{
position:absolute;
bottom:0;
width:100%;
height:60px;
}
/*通過設(shè)置容器的最小高度為100%，并將footer定位于底部實(shí)現(xiàn)網(wǎng)頁的自適應(yīng)布局。*/
/*案例二*/
.box{
width:200px;
height:150px;
border:1px solid #000;
display:table-cell;
vertical-align:middle;
text-align:center;
}
/*通過使用table-cell和vertical-align屬性實(shí)現(xiàn)讓元素在垂直方向上居中的操作。*/
/*案例三*/
input[type="checkbox"]{
display:none;
}
input[type="checkbox"]+label{
display:inline-block;
width:20px;
height:20px;
background:#ccc;
}
input[type="checkbox"]:checked+label{
background:#f00;
}
/*通過使用checkbox和label標(biāo)簽，并為不同狀態(tài)添加不同的CSS樣式，實(shí)現(xiàn)自定義樣式的checkbox。*/

以上是CSS的幾個(gè)經(jīng)典案例，無論是自適應(yīng)布局還是自定義樣式的功能，CSS在網(wǎng)頁設(shè)計(jì)中的應(yīng)用非常的靈活。對于網(wǎng)頁設(shè)計(jì)師而言，熟練應(yīng)用CSS將更好的展現(xiàn)頁面效果，并提高用戶的使用體驗(yàn)。