CSS（層疊樣式表）用于設置前端網頁的樣式、表現和排版，是前端開發必不可少的技術。下面介紹一些常見的CSS設置。

/*設置背景顏色*/
body {
background-color: #f4f4f4;
}
/*設置邊框樣式*/
.box {
border: 1px solid #333;
}
/*設置字體樣式*/
h1 {
font-family: Arial, sans-serif;
font-size: 32px;
font-weight: bold;
color: #333;
}
/*設置圖片尺寸*/
img {
width: 100%;
height: auto;
}
/*設置鏈接樣式*/
a {
text-decoration: none;
color: #007bff;
}
a:hover {
text-decoration: underline;
}
/*設置盒模型*/
.box {
box-sizing: border-box;
width: 200px;
padding: 10px;
border: 1px solid #333;
margin: 10px;
}
/*設置浮動*/
.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}
/*設置響應式網頁*/
@media (max-width: 768px) {
/*屏幕寬度小于768px時應用以下樣式*/
.box {
width: 100%;
margin: 0;
padding: 5px;
}
}

通過CSS設置，可以實現網頁的各種效果和布局，讓網頁呈現出更好的視覺效果和用戶體驗。掌握CSS技術對于前端開發來說都是必不可少的。