CSS引入方式這麼多是什麼優先順序?

2021-10-05 06:16:27 字數 1197 閱讀 9794

目錄

1 css介紹

1.1 為什麼學習 css

1.2 什麼是 css

2 css 的引入的四種方式 :

3 css 中三種引入方式遵循的就近原則 :

1.html 雖然可以在一定程度上修飾頁面,但是頁面的

整體還是不夠美觀。

2.html 進行網頁的書寫重複的**比較多,後期的維

護性不好。

英文全稱:cascading style sheets層疊樣式表(級聯樣式表是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。

css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式編輯的能力。

在標籤的內部直接使用(不推薦使用)這個 (.css)檔案是在外部定義好的檔案直接建立

csss檔案就可以了

選擇器型別:

1、id  #id

2、class  .class

3、標籤  p

4、通用  *

5、屬性  [type="text"]

6、偽類  :hover

7、偽元素  ::first-line

8、子選擇器、相鄰選擇器

權重計算規則:

1、第一等:代表內聯樣式,如: style=」」,權值為1000。

2、第二等:代表id選擇器,如:#content,權值為0100。

3、第三等:代表類,偽類和屬性選擇器,如.content,權值為0010。

4、第四等:代表型別選擇器和偽元素選擇器,如div p,權值為0001。

5、萬用字元、子選擇器、相鄰選擇器等的。如*、>、+,權值為0000。

6、繼承的樣式沒有權值。

測試行內樣式:

效果:

總結:不相同的樣式會進行樣式的疊加,相同的樣式會採用就近的

原則。樣式跟隨距離自己近的風格!

CSS引入方式

第一 css的四種引入方式 1.行內樣式 最直接最簡單的一種,直接對html標籤使用style 例如 缺點 html頁面不純淨,檔案體積大,不利於蜘蛛爬行,後期維護不方便。2.內嵌樣式 內嵌樣式就是將css 寫在之間,並且用進行宣告,例如 優缺點 頁面使用公共css 也是每個頁面都要定義的,如果乙個...

Css引入方式

div 雙標籤 css語法 屬性名 屬性值 css引入方式 1 行間樣式的引入 在標籤中寫乙個style的屬性。如 style 缺點 不利於 重用。優點 優先順序最高。2 內部樣式的引入,在head標籤中寫乙個style的標籤,在標籤中通過選擇器控制樣式。選擇器寫法 1.標籤選擇器。div2.id選...

CSS引入方式

按照css樣式書寫的位置 或者引入方式 css樣式表可以分為三大類 行內樣式表 行內式 內部樣式表 嵌入式 外部樣式表 鏈結式 內部樣式表 內嵌樣式表 是寫到html頁面內部,是將所有的css 抽取出來,單獨放到乙個標籤中.標籤理論上可以放在html文件的任何地方,但一般會放在文件的標籤中,通過此種...