在Web開發(fā)中，CSS是不可或缺的一部分。它可以用于美化網(wǎng)頁(yè)、定位元素、動(dòng)態(tài)效果等等。以下是三種常用的CSS技巧：

1. 盒子模型

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

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

2. 媒體查詢

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

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

3. 浮動(dòng)

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

浮動(dòng)是指讓元素脫離文檔流，實(shí)現(xiàn)元素的橫向排列。如上所示的代碼，在一個(gè)寬度為800px的父級(jí)元素中，使用浮動(dòng)讓兩個(gè)寬度為200px的子元素左右排列。