css屬性不同,樣式疊加

2021-09-26 16:26:14 字數 289 閱讀 4488

很多網頁設計師都知道乙個class對應乙個樣式,但它們不是一對一的關係,css樣式其實是可以一對多的。

如果a塊需要用到加粗/顏色,b塊需要用到顏色/字型,按一對一原則,我們需要在每個css樣式裡面加入顏色**,但當有n個地方要用到顏色時,如果我們還像以前一樣,每個都加的話,就有浪費資源了。

我們可以製作不同的小樣式個體,然後通過組裝的方式,寫進class裡面,

這種樣式的交叉應用,也可以稱為樣式疊加法。 這樣的方式可以省去你很多編寫樣式的時間,而且使用css檔案沒那麼大。

設定字型的大小和背景顏色!

CSS樣式疊加

css可以把多個樣式加到同乙個元素上。如果多個樣式有重合,瀏覽器會根據權重的大小進行樣式覆蓋,這就是層疊樣式表的由來。下面我們先來看一下疊加是怎麼回事。doctype html html lang en head meta charset utf 8 meta name viewport conte...

UWP ListView新增不同樣式

先看效果 使用listview的itemtemplateselector isitemclickenabled true itemcontainerstyle itemtemplateselector itemssource selectionmode none 1 定義乙個 hometemplat...

CSS樣式屬性

position用來設定元素的定位型別,有absolute 絕對定位 relative 相對定位 static 靜態定位,預設值 fixed 固定定位 四種。static 預設。位置設定為 static 的元素,它始終會處於頁面流給予的位置 static 元素會忽略任何 top bottom lef...