前端基礎CSS規則

2022-05-17 10:14:53 字數 745 閱讀 3300

css 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。

selector

行內式是在標記的style屬性中設定css樣式。這種方式沒有體現出css的優勢,不推薦使用

嵌入式是將css樣式集中寫在網頁的標籤對的標籤對中

將乙個.css檔案引入到html檔案中

將乙個獨立的.css檔案引入html檔案中,匯入式使用css規則引入外部css檔案,標記也是寫在top

bottom

css的繼承

繼承是css的乙個主要特徵,它是依賴於祖先-後代的關係的。繼承是一種機制,它允許樣式不僅可以應用於某個特定的元素,還可以應用於它的後代。例如乙個body定義了的顏色值也會應用到段落的文字中。

css的優先順序

所謂css優先順序,即是指css樣式在瀏覽器中被解析的先後順序。

樣式表中的特殊性描述了不同規則的相對權重,它的基本規則是:

1 內聯樣式表的權值最高               style=""------------1000;

2 統計選擇符中的id屬性個數。       #id --------------100

3 統計選擇符中的class屬性個數。 .class -------------10

4 統計選擇符中的html標籤名個數。 p ---------------1

按這些規則將數字串逐位相加,就得到最終的權重,然後在比較取捨時按照從左到右的順序逐位比較

css屬性操作

前端CSS基礎

頁面布局要學習三大核心,盒子模型,浮動 和 定位。學習好盒子模型能非常好的幫助我們布局頁面 網頁布局過程 先準備好相關的網頁元素,網頁元素基本都是盒子 box 利用 css 設定好盒子樣式,然後擺放到相應位置。往盒子裡面裝內容 網頁布局的核心本質 就是利用 css 擺盒子 所謂盒子模型 就是把htm...

前端CSS基礎

目錄二 scc 書寫位置 引入方式實戰 三 css注釋管理 四 基本選擇器 重要 五 組合選擇器 重點 六 屬性選擇器 七 分組與巢狀 八 偽類選擇器 一 css 1.什麼是css?css cascading style sheet,層疊樣式表 定義如何顯示html元素。當瀏覽器讀到乙個樣式表,它就...

前端基礎 css筆記

css的四種引入方式 1.行內式 顯示優先順序最高 hello 2.嵌入式3 鏈結式 4.匯入式注意 匯入式會在整個網頁裝載完後再裝載css檔案,因此這就導致了乙個問題,如果網頁比較大則會兒出現先顯示無樣式的頁面,閃爍一下之後,再出現網頁的樣式。這是匯入式固有的乙個缺陷。使用鏈結式時與匯入式不同的是...