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