首頁 >web前端 >css教學 >css的三大特性以及設定背景透明的介紹

css的三大特性以及設定背景透明的介紹

不言
不言原創
2018-08-06 10:36:131816瀏覽

這篇文章要跟大家介紹的內容是關於css的三大特性以及設定背景透明的介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

關於行內元素(補充一點)

行內元素只能容納文字或其他行內元素。 (a特殊a裡面可以放區塊級元素)

範例:

#關於行高tip:

選擇器的嵌套層級不應大於3級,位置靠後的限定條件應盡可能的精確。

 屬性定義必須另起一行。

關於行高的測量:

 

#css的三大功能(層疊優先  繼承)

#a、層疊性:多種css樣式的疊加

是瀏覽器處理衝突的一種能力,如果一個屬性透過兩個相同選擇器設定在同一個元素上,那麼這個時候一個屬性會將另外一個屬性層疊掉。

一般情況下,如果出現樣式衝突,則會依照css書寫的順序,以最後的樣式為準。

b、優先權

定義css樣式時,常常會出現兩個或更多規則應在同一元素上,這時就會出現優先順序的問題。

樣式的權重可以疊加

一般來說

行內標籤  > ID選擇器> 類別標籤> 標籤選擇器> 通配選擇器(沒有權重)

tip:背景半透明的設定background:rgba(0,0,0,3);

最後一個參數是alpha透明度  取值範圍在0-1之間

注意:背景半透明是指盒子背景半透明,盒子裡面的內容不受影響。

 相關建議:

css3中新增屬性:css3多列佈局屬性的總結(附實例)

淺析CSS邊框屬性:寬度&樣式&邊框等

CSS 網格佈局(Grid)的兩種方式介紹(附程式碼)

以上是css的三大特性以及設定背景透明的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn