CSS應用及級聯(一)

2021-10-08 20:41:49 字數 825 閱讀 1605

1.css如何應用到html頁面中?有三種方式:

① 外部樣式表(.css檔案,在html頭部用link標籤引入)

② 內部樣式表(在html頭部用style標籤包裹)

③行內樣式表(在標籤屬性裡直接寫style屬性)

如何在乙個css檔案裡引入另乙個css檔案?
方法:如在a.css檔案中引入b.css檔案。需要在a.css檔案的第一行新增@import './b.css';

如何在內部樣式表內引入乙個a.css檔案?
方法:在style標籤包裹的第一行新增@import './a.css';

css級聯優先順序:採用就近原則。

錯誤的說法:行內樣式》內部樣式》外部樣式。

為什麼說這個說法是錯誤的呢?因為還需要考慮特性值

所以到底css樣式誰生效呢?

1. !important修飾的最優先

2. 選擇器特性值大的優先

行內樣式特性值 1000

id選擇器特性值 100

類選擇器特性值、屬性選擇器、偽類選擇器 10

標籤選擇器 1

空格 > + ~ * 都是0

3. 特性值如果一樣,那麼採用就近原則

補充:

關於毗鄰元素外邊距(margin)合併問題:

···兄弟元素之間上下外邊距區域如果發生了重疊,誰大用誰的。

···父子元素之間,父有上邊距,子有上邊距,上邊距合併,誰大用誰的。

css及表單應用

實驗二 css及表單應用 1 實驗內容 應用css 要求 建立乙個css檔案,能夠對 html 頁面的p body table 鏈結狀態等常用標記進行顏色 字型 字型大小等進行精確控制 將該css檔案應用到實驗 1建立的 index.html 檔案。建立表單 建立名為feedback.html的檔案...

css級聯與繼承

級聯 the cascade css是cascading style sheet 的簡寫,說明級聯是非常重要的。從表層來看,級聯表明css規則的順序問題,但是級聯遠比這個複雜,在所有的選擇器中某個選擇器定義的規則是否能夠勝出 即優先順序 取決於三個元素 importance,specificity,...

CSS基礎及應用例項

一 css簡介 1.什麼是css 重疊樣式表 主要是負責標籤的樣式 美化頁面 乙個網頁分三大部分 結構層 主要由html負責 負責頁面的結構 表現層 主要由css負責 頁面的展示樣式 美化頁面 行為層 主要由js負責 負責頁面和使用者的互動效果 css是單獨的一種檔案型別 後 css的三種引入方式字...