CSS是前端開發(fā)領(lǐng)域不可或缺的技術(shù)，其中一些屬性如width，height，margin等已經(jīng)被人們熟知并廣泛使用。然而許多不太常見的屬性同樣有著重要作用。以下是一些值得了解的CSS不太常見的屬性：

.attr-selector {
attr: value;
overflow: visible;
clip: rect(auto, auto, auto, auto);
}

Attr屬性:

該屬性用于設(shè)置其它屬性的值，它可以給元素周圍添加一些基本的樣式，如背景圖像，浮動(dòng)等。可以在CSS樣式中設(shè)置類似“attr(data-title)”這樣的屬性，這里的data-title可以是任意值，是標(biāo)簽的自定義屬性值，在HTML標(biāo)簽處以“data-*”方式定義。

Overflow屬性:

當(dāng)元素中的內(nèi)容超出元素的高度和寬度時(shí)，內(nèi)容會(huì)溢出。Overflow屬性可以控制溢出的內(nèi)容如何顯示，包括visible,hidden,scroll和auto等。例如，設(shè)置overflow:hidden;將在元素的邊界內(nèi)截?cái)嘁绯觯瑢⑵潆[藏。

Clip屬性:

該屬性用于指定一個(gè)可剪切的矩形區(qū)域。使用clip屬性可以切割元素的顯示區(qū)域，以便顯示更多的內(nèi)容，這樣就可以實(shí)現(xiàn)一些非常有趣的效果了。為了定義矩形，可以使用rect()函數(shù)，將四個(gè)參數(shù)分別指定為左、上、右和下邊界的距離（如果超出范圍，將被截?cái)啵?/p>

當(dāng)我們?cè)贖TML和CSS之間游走時(shí)，可以探索并嘗試使用局部或陌生的CSS屬性，這樣可以產(chǎn)生一些非常cool而獨(dú)特的效果，讓我們的網(wǎng)頁更加豐富多彩！