在網(wǎng)頁(yè)設(shè)計(jì)中，樣式是不可或缺的要素，而CSS（Cascading Style Sheets，級(jí)聯(lián)樣式表）則是控制網(wǎng)頁(yè)樣式的核心技術(shù)。CSS樣式分為內(nèi)部樣式、外部樣式和內(nèi)聯(lián)樣式三種，同時(shí)CSS還有一些基本的樣式理論，下面將逐一介紹。

1、基礎(chǔ)樣式：基礎(chǔ)樣式是指HTML語(yǔ)言中固有的樣式，如字體、顏色、大小等。在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，通常將這些基礎(chǔ)樣式進(jìn)行約定，以便包含這些基礎(chǔ)樣式的樣式類在各個(gè)頁(yè)面中均能使用。

.base-font {
font-size: 14px;
font-family: "Microsoft YaHei", "微軟雅黑", Arial, Helvetica, sans-serif;
line-height: 1.5;
color: #333;
text-align: left;
margin: 0;
padding: 0;
box-sizing: border-box;
}

2、盒模型：盒模型是指在網(wǎng)頁(yè)設(shè)計(jì)中，每個(gè)元素都被看作一個(gè)盒子，包含內(nèi)容、填充、邊框和外邊距四個(gè)部分。在CSS中，可以使用box-sizing屬性來(lái)設(shè)置盒模型的尺寸計(jì)算方式，默認(rèn)為content-box，即僅計(jì)算內(nèi)容部分的寬高，若想計(jì)算元素的總寬高，可以將box-sizing設(shè)置為border-box。

.box {
width: 200px;
height: 100px;
padding: 10px;
margin: 5px;
border: 1px solid #ccc;
box-sizing: border-box;
}

3、層疊與繼承：層疊是指同一個(gè)元素上設(shè)置不同樣式時(shí)的優(yōu)先級(jí)，通常按照樣式選擇器的優(yōu)先級(jí)來(lái)確定。而繼承是指子元素會(huì)自動(dòng)繼承父元素的某些樣式，如字體顏色、字體大小等。

4、優(yōu)雅降級(jí)與漸進(jìn)增強(qiáng)：由于不同的瀏覽器對(duì)CSS標(biāo)準(zhǔn)支持程度不同，因此在設(shè)計(jì)網(wǎng)頁(yè)時(shí)需要考慮到兼容性問(wèn)題。優(yōu)雅降級(jí)是指在設(shè)計(jì)時(shí)優(yōu)先考慮較新的CSS特性，再為不支持該特性的瀏覽器提供合理的替代方案；而漸進(jìn)增強(qiáng)則是指先考慮低版本瀏覽器的支持情況，提供基本功能，再增加高級(jí)功能。

總之，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)要靈活運(yùn)用CSS樣式，把握好基礎(chǔ)樣式、盒模型、層疊與繼承、優(yōu)雅降級(jí)與漸進(jìn)增強(qiáng)等樣式理論，并依據(jù)具體需求進(jìn)行靈活運(yùn)用，才能打造出具有優(yōu)美設(shè)計(jì)和完美兼容性的網(wǎng)站。