CSS 前景回顧

2021-09-25 01:36:50 字數 1069 閱讀 4256

css三種引入方式:

①:內部樣式表style:

②:外部樣式表link:需非同步載入css檔案

③:行內樣式:(權重最高)

若使用這三種方法給body設定背景顏色,則顯示③所設定的背景顏色(行內樣式的權重最高,會覆蓋其餘方式所設定的同種屬性)

若使用①、②方式設定樣式,則誰先完成載入,誰的屬性就會被覆蓋(後完成載入的屬性覆蓋先完成載入的屬性)

建議:使用第二種引入方式。

css選擇器權重

無限大

!important

1000    

行間樣式

100        id

選擇器

10          class

選擇器||

屬性選擇器

||偽類選擇器

1           

標籤選擇器

||偽元素

0           

萬用字元選擇器

*

權重相同時:後寫的屬性會覆蓋之前的屬性

權重值會疊加:(根據權重值,我們會得出id選擇器的權重值是最大的,但是#first.one{}是會疊加權重值的)

* 

#first

#first.one

.one

div

文件流:

文件流:從上到下,從左到右的排列方式。

脫離文件流:脫離這種排列方式

css屬性字首:

-moz-

火狐等使用

mozilla

瀏覽器引擎的瀏覽器 -

webkit

-  safari,

谷歌瀏覽器等使用

webkit

引擎的瀏覽器

-o-  opera

瀏覽器(早期)

-ms-

internet explorer

基礎回顧(二) CSS

1 css概念 2 css規則 內嵌式外聯式 在html檔案中,新增link外部的css檔案,link的屬性值分別有 匯入式 樣式語法規則 3 風格1 常用樣式 文字三屬性 字型 font family arial 宋體 字型大小 font size 絕對長度 盒子三屬性基礎選擇器 id選擇器 na...

css知識回顧(5)

圓角邊框 line height height可以實現垂直局中 line height height文字偏下 line height font行高可以跟單位也可以不跟,如果不跟,則是是的倍數 background repeat repeat,no repeat,repeat x,repeat y b...

css相關及背景前景相關

不同型別style權值問題 內聯 id 屬性.型別 通用 為0 盒子模型 外層是bb 裡層圖塊是aa 外邊距在bb上 內邊距在aa設定,還可以設定aa的邊框等 border 大小,樣式,顏色。樣式的背景與前景 background color f90 背景色,樣式表優先順序高 background ...