CSS學習總結

2021-07-05 08:24:30 字數 1397 閱讀 3638



選擇器的優先順序

乙個標籤作用於多個樣式層疊時,這些層疊樣式說明都不一樣,那麼標籤上樣式所有層疊樣式的總和。如果這些層疊樣式有相同的宣告時,樣式的優先順序如下:內聯》內部》外部(必須選擇器型別相同)。

id的優先順序大於類大於元素。

id不管在內部還是外部優先順序都是最高的。

important>內聯》id>偽元素》偽類》類》元素。

同一級別的下面的會把上面的覆蓋掉。

一些基本的元素標籤

float:left;下沉

font-weight:bold;對字型加粗

font-size;定義字型的大小

list-style:none;消除邊框

white-space:pre;保留空白

text-transform:uppercase;字母大小

text-transform:capitalize;首字母大寫

text-decoration:underline;下劃線

text-decoration:line-through;中劃線

line-height;行高

text-indent;首行縮排

偽類first-child 偽類來選擇元素的第乙個子元素

:lang 偽類使你有能力為不同的語言定義特殊的規則

active;向被啟用的元素新增樣式。

focus;向擁有鍵盤輸入焦點的元素新增樣式。

hover;當滑鼠懸浮在元素上方時,向元素新增樣式。

link;向未被訪問的鏈結新增樣式。

visited;向已被訪問的鏈結新增樣式。

偽元素first-letter;向文字的第乙個字母新增特殊樣式

first-line;向文字的首行新增特殊樣式。

before;在元素之前新增內容。

after;在元素之後新增內容。

css文字

color;設定文字顏色

direction;設定文字方向

line-height;設定行高

letter-spacing;設定字元間距

text=aliqn;對齊元素中的文字

text-decoration;向文字新增修飾

text-indent;縮排元素中文字的首行

text-tranform;控制元素中的字母

white-sapce;設定元素中空白的處理方式

word-spacing;設定字間距

css字型

font;簡寫屬性。作用是把所有針對字型的屬性設定在乙個宣告中

font-family;設定字型系列

font-size;設定字型的尺寸

font-sytle:設定字型風格

font-variant;以小型大寫字型或者正常字型顯示文字

font-weight;設定字型的粗細

CSS學習總結

1.使用外部 extenal 樣式表,相對於內嵌 inline 和內部式 internal 的,有以下優點 樣式 可以復用。乙個外部css檔案,可以被很多網頁共用。便於修改。如果要修改樣式,只需要修改css檔案,而不需要修改每個網頁。提高網頁顯示的速度。如果樣式寫在網頁裡,會降低網頁顯示的速度,如果...

CSS學習總結

ios不支援background attachment屬性 需要用以下hack方式,body before超出寬度的文字自動省略 效果圖 需要同時加上 overflow hidden 和 white space nowrap text overflow ellipsis 才會起作用。span標籤設定...

CSS 學習總結

最近看了很多關於如何學習的文章,無非就是要刻意練習,不斷地回顧總結過去所學的文章,達到真正掌握知識的程度。跟著 w3school 學習的css基礎知識。css簡介 css基本語法 派生選擇器 直系後代,子孫後代 id選擇器 id1 來表示乙個id選擇器 id屬性是唯一的,如果有多個標籤都使用同乙個i...