在Web開發中，CSS是不可或缺的一部分。它可以用于美化網頁、定位元素、動態效果等等。以下是三種常用的CSS技巧：

1. 盒子模型

.box {
width: 300px;
height: 200px;
border: 1px solid black;
padding: 20px;
margin: 10px;
}

使用盒子模型可以讓我們更好地控制元素的大小、位置、外觀等，使得網頁更加美觀。盒子模型由content、padding、border和margin四個部分組成，其中content為盒子的內容部分。

2. 媒體查詢

@media screen and (max-width: 480px) {
body {
font-size: 14px;
}
}

媒體查詢是指在不同的設備上，應用不同的樣式。我們可以針對不同的屏幕尺寸應用不同的樣式。如上所示的代碼將在屏幕寬度不超過480px時，將body的字體大小改為14px。

3. 浮動

.container {
width: 800px;
overflow: hidden;
}
.left {
float: left;
width: 200px;
}
.right {
float: right;
width: 200px;
}

浮動是指讓元素脫離文檔流，實現元素的橫向排列。如上所示的代碼，在一個寬度為800px的父級元素中，使用浮動讓兩個寬度為200px的子元素左右排列。