CSS基礎學習筆記(三)

2021-10-18 16:33:00 字數 629 閱讀 2630

css類的偽類

selector.class:pseudo-class元素

元素中的第乙個 元素

元素中的所有 元素

css類也可以使用偽元素:

「first-line」 偽元素只能用於塊級元素。

下面的屬性可應用於 「first-line」 偽元素:

/* 建立三個相等的列 */

.column

/* 列後清除浮動 */

.row:after

/* 響應式布局 - 小於 600 px 時改為上下布局 */

@media screen and (

max-width

: 600px)

}

不相等的列

.column

/* 左右側欄的寬度 */

.column.side

/* 中間列寬度 */

.column.middle

/* 響應式布局 - 寬度小於600px時設定上下布局 */

@media screen and (

max-width

: 600px)

}

CSS基礎 CSS 三大特性 學習筆記

css層疊性最後的執行口訣 長江後浪推前浪,前浪死在沙灘上。簡單的理解就是 子承父業。css繼承性口訣 龍生龍,鳳生鳳,老鼠生的孩子會打洞。1 權重計算公式 關於css權重,我們需要一套計算公式來去計算,這個就是 css specificity 特殊性 標籤選擇器 計算權重公式 繼承或者 0,0,0...

CSS基礎學習筆記

個人理解 距被控制的元素越近,優先順序越高 css基礎語法 選擇器 即需要改變樣式的 html 元素宣告 屬性和值 即css 規則格式為 selector property value porperty2 value 值的不同寫法和單位 值為單詞 風格 空格和大小寫 css高階語法 繼承及其問題 擺...

CSS基礎學習筆記

1.css樣式優先順序 元素上的樣式 style中嵌入的樣式 外部樣式檔案,其實不太準確,應當是當嵌入式出現在外部樣式的後面時,按照style出現的順序來渲染的,後面出現的會覆蓋前面的。同乙個樣式檔案中,元素選擇器越精確優先順序越高,id選擇器 100 類選擇器 10 元素選擇器 1 根據權值 累計...