在CSS中，我們可以使用多種方法將樣式疊在一起，以下是一些常見(jiàn)的技巧：
1、使用樣式表：將不同的樣式表（CSS文件）通過(guò)@import指令引入。
```css
@import 'style1.css';
@import 'style2.css';
```
2、內(nèi)聯(lián)樣式：在HTML元素中使用style屬性直接定義樣式。
```html
<div style="color: red; background-color: blue;">This is a div with styles</div>
```
3、使用類(lèi)：通過(guò)類(lèi)（class）來(lái)定義樣式，并在HTML中引用。
```css
.my-class {
color: red;
background-color: blue;
}
```
然后在HTML中這樣使用：
```html
<div class="my-class">This is a div with styles</div>
```
4、使用ID：通過(guò)元素的ID來(lái)定義樣式。
```css
#my-id {
color: red;
background-color: blue;
}
```
然后在HTML中這樣使用：
```html
<div id="my-id">This is a div with styles</div>
```
5、樣式優(yōu)先級(jí)：在CSS中，樣式的優(yōu)先級(jí)遵循一定的規(guī)則，ID選擇器優(yōu)先級(jí)高于類(lèi)選擇器，類(lèi)選擇器優(yōu)先級(jí)高于標(biāo)簽選擇器，內(nèi)聯(lián)樣式的優(yōu)先級(jí)***高。
6、使用偽類(lèi)和偽元素：CSS中的偽類(lèi)和偽元素可以用來(lái)增強(qiáng)樣式的應(yīng)用，
```css
:hover {
color: green;
}
```
上述代碼會(huì)將鼠標(biāo)懸停時(shí)的顏色設(shè)置為綠色。
7、使用媒體查詢(xún)：根據(jù)設(shè)備的屏幕大小、分辨率等屬性來(lái)應(yīng)用不同的樣式。
```css
@media (max-width: 600px) {
body {
background-color: orange;
}
}
```
上述代碼會(huì)在屏幕寬度小于600px時(shí)，將背景色設(shè)置為橙色。
通過(guò)巧妙地運(yùn)用這些技巧，你可以創(chuàng)建出復(fù)雜而靈活的樣式表，以滿(mǎn)足各種設(shè)計(jì)需求。
