CSS作為前端三大基本技能之一，在網頁布局方面有著重要的應用，接下來我們就來詳細學習CSS常用布局屬性。

/* 寬度和高度 */
width:100px;
height:200px;
/* 邊距 */
margin:10px;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
/* 邊框 */
border:1px solid black;
border-top:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
/* 填充 */
padding:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
/* 定位 */
position:relative;
top:10px;
bottom:10px;
left:10px;
right:10px;
z-index:1;
/* 浮動 */
float:left;
clear:both;
/* 顯示 */
display:block;
display:inline;
display:none;

以上是CSS常用布局屬性，具體應用時，根據需要選取適合的屬性和值，實現網頁布局效果。同時，還需要結合HTML頁面結構和JavaScript腳本，通過協同工作實現完美網頁效果。