CSS是網頁設計中常用的樣式表語言，它可以用來控制和美化HTML元素的布局、字體、顏色和其他樣式特征。以下是常用的CSS代碼：

/*設置HTML元素全局默認樣式*/
html {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
/*設置超鏈接樣式*/
a {
color: #0066cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*設置列表樣式*/
ul {
list-style-type: disc; /*圓點*/
}
ol {
list-style-type: decimal; /*數字*/
}
li {
margin-left: 15px;
}
/*設置表格樣式*/
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #ccc;
padding: 5px;
}
/*設置盒子模型屬性*/
.box {
width: 200px;
height: 150px;
margin: 10px;
padding: 20px;
border: 1px solid #ccc;
box-sizing: border-box; /*元素寬高包含邊框和內邊距*/
}
/*設置背景和文本樣式*/
.bg {
background-color: #f5f5f5;
background-image: url(bg.png);
background-repeat: repeat;
color: #666;
}
/*設置浮動和定位屬性*/
.left {
float: left;
width: 50%;
}
.right {
float: right; 
width: 50%;
}
.absolute {
position: absolute;
top: 50px;
left: 50px;
}
/*設置動畫效果*/
.rotate {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

以上是常用的CSS代碼，可以基于這些代碼進行樣式設計和布局優化。