前端css內容總結第一部分

2021-09-26 13:37:51 字數 2155 閱讀 4378

基本上包括幾個部分:

首先,css可以歸為三大部分,一:選擇器;*二:css的三大特性;*三:css的常見屬性;

一:選擇器,包括基礎選擇器,復合選擇器;

基礎選擇器包括四個部分,(1)標籤選擇器:標籤名;(2)類選擇器:類名;(3)id選擇器:#id名;(4)通配選擇器:*;

復合選擇器包括五個部分,

(1)後代選擇器:父親 後代;父元素所有的後代都被選中

(2)子元素選擇器:父親》兒子;僅僅只是兒子被選中

(3)交集選擇器:選擇器1選擇器2;div.box

(4)並集選擇器:選擇器1,選擇器2;.box1, .box2;

(5)鏈結偽類選擇器:

(5.1)a:link;鏈結未被選中時的狀態;

(5.2)a:visited;連線被訪問過的狀態;

(5.3)a:hover;滑鼠滑過鏈結的狀態;

(5.4)a:active:鏈結被啟用時的狀態;

二:css的三大屬性;

(1)css的層疊性:

(1.1)如果出現樣式衝突者,則選擇就近原則;

(1.2)如果樣式不衝突,就不會發生層疊;

(2)css的繼承性:恰當使用繼承可以簡化**,使得css更加簡潔;子元素可以繼承父元素的樣式,比如以(text-,font-,line-)這些元素開頭的都可以繼承,也包括color等屬性;

(3)css的優先性:

(3.1)選擇器相同,則遵循就近原則;

(3.2)選擇器不同,則看優先順序,誰優先順序達到更高,就遵循誰;

(3.3)a:權重;

(3.3.1)繼承元素或通配選擇器* 0

(3.3.2)每個元素,標籤選擇器 1;

(3.3.3)每個偽類,偽類選擇器 10;

(3.3.4)id選擇器 100;

(3.3.5)每個行內樣式style=「」 1000;

(3.3.6)!important 優先順序達到無窮大;

b:權重疊加;

數字之間沒有進製,如果選中啦,誰的優先順序更高,就依照誰的屬性,這是乙個強者的時代,如果沒有選中,優先順序都為0;

三:css常見屬性:

(1)字型樣式:

(1.1) font-size:字型大小

(1.2)font-family:字型類別

(1.3)font-style:字型樣式

(1.4)font-weight:字型粗細

(1.5) 復合屬性 ——font:font-style font-weight font-size/line-height font-family 至少要寫文字大小和類別

(2)文字樣式:

(2.1)color:文字顏色

(2.2)text-align:設定文字對齊方式

(2.3)text-deraction:設定文字裝飾

(2.3.1)none 文字去除下劃線

(2.3.2)underline 為文字設定下劃線

(2.3.3)overline 為文字設定上劃線

(2.3.4)over-throuht 刪除線 中劃線

(2.4)text-indent:首行縮排——首行縮排兩個字元:text-indent:2em;

(2.5)line-height:行間距

(3)背景樣式:

簡寫——background:背景色 背景圖 平鋪 水平 垂直;

background:url() no-repeat;

小屬性–(3.1)背景顏色:background-color:rgb/rgba 透明度

(3.2)背景:background-image

(3.3)背景位置:background-position

(3.4)背景平鋪:background-repeat——(3.4.1)no-repeat 不平鋪

(3.4.2)repeat-x 水平方向平鋪

(3.4.3)repeat-y 垂直方向平鋪

(3.4.4)repeat 橫縱兩面都平鋪

(3.5)背景固定:background-attachment ——scroll 背景滾動; fixed 背景固定;

今天就分享到這裡吧,希望可以與大佬們學習,多多指點!!!

css排雷第一部分

import url basic.css warning urgent plant moons plant moons 1 a href span title feature lang en 選出屬性等於lang或者以lang開頭的所有元素。選擇h1 strong 可以解釋為選擇h1字元素中的所有s...

C 第一部分總結

c 一 一丶復合型別 1指標與引用 一 指標 1 指標的特點 指標持有乙個物件的位址,稱為指標 指向 該物件 通過指標可以間接操縱它指向的物件 2 指標的定義 型如int a char a,b 3 取位址符 使用取位址符 型如int pi ival 4 特殊 void型別 可以持有任何型別的位址值,...

Axure RP 第一部分

axure rp是乙個專業的快速原型設計工具。axure 發音 ack sure 代表美國axure公司 rp則是rapid prototyping 快速原型 的縮寫。axure rp是美國axure software solution公司旗艦產品,是乙個專業的快速原型設計工具,讓負責定義需求和規格...