font和background語法糖 複寫和權重

2021-10-03 16:01:15 字數 684 閱讀 6303

font

:font-weight font-style font-size/line-height font-family;

注意

前面寫不寫不重要。font複寫字型大小和行高 字型必須寫不寫沒效果

字型大小行高需要用/鏈結

background

: ~url ~repeat ~attachment ~position/~size ~origin ~clip

url就是image路徑, = =!不要加上我前面的~ 直接寫需要的屬性值就行

簡單來說就是瀏覽器選擇用那種方法定義的樣式

官方->權重決定了你css規則怎樣被瀏覽器解析直到生效。「css權重關係到你的css規則是怎樣顯示的

!important >行內樣式》id選擇器 > 類選擇器 > 標籤 > 萬用字元 > 繼承 > 瀏覽器預設屬性

型別

權重!important

無窮行內樣式

1000

id100

class/屬性選擇器/偽類

10標籤選擇器/偽元素:after

1萬用字元

0

font簡寫語法

這是子元素的字型 預設繼承了哪些字型屬性 font style font weight font size line height font family 都從父元素繼承了 這是用font 12px定義的文字語法錯誤 這是用font 12px 30px定義的文字語法錯誤 這是用font 12px 宋...

筆記整理 和background的區別

1.按照瀏覽器解析機制。屬於html標籤,background是css屬性。html標籤優先解析.所以重要元素,如logo就應該用 如果僅僅是為了顯示一張,比如banner廣告圖等,建議採用background。避免占用頻寬造成資料阻塞。2.從seo的角度看 標籤是自閉和的,不能新增文字內容。但是a...

background簡寫屬性

在css中有多個屬性用於設定背景樣式,其中 background color 設定背景顏色。background repeat 設定是否以及如何重複背景影象 background position 設定背景影象的起始位置 background attachment 設定背景影象是否固定或者隨著頁面的...