01 01 03 CSS基礎學習整理

2021-10-11 03:05:15 字數 795 閱讀 7141

css的誕生是為了解決html頁面臃腫的問題,將表現html的檔案樣式的計算機語言提煉規整化。

層疊式:css中貫穿始終的載入特性,層疊性、繼承性

樣式:定義如何顯示html元素

文字、文字、背景、盒模型、浮動、定位、其他

選擇器+宣告(一條/多條),如(p)

內聯(寫在)、內嵌、外聯、匯入式@import url(路徑)

外聯式與匯入式區別:

但是由於匯入式在瀏覽器中載入時,會在 html 結構載入完畢後再進行編譯,如果 網速比較慢時,會導致網頁出現沒有 css 樣式的效果,給使用者的體驗不好。

css樣式格式

顏色color(rgb 模式 紅、綠、藍 255 255 255 灰色128  和十六進製制 #000000  #ffffff )、

字型font-family、可以設定多個字型名稱「,」號隔開,在實際載入時按書寫順序載入,建議將英文本型寫在屬性值最前面

字型大小 font-size:px  em  %

盒子實體化三屬性:寬、高、背景色

標籤選擇器、id 選擇器(#id)、類選擇器(.class名稱)、萬用字元選擇器(*)

後代選擇器(巢狀關係)、交集選擇器、並集選擇器(,號隔開)

包含繼承性和層疊性。

)會繼承祖先級標籤的樣式,而可以不需要重新設定樣式。

層疊性:解決同乙個標籤被多個選擇器選中時,只會有乙個屬性被成功載入,覆蓋掉其他屬性。

如果權重相同,比較書寫順序,後寫的層疊先寫的

選中目標標籤祖先級

important(.span)

行內式  

CSS基礎整理

復合選擇器 選擇器和層疊性權重計算 選擇器命名規則 文字與字型屬性 繼承性 盒模型 浮動 定位 彈性布局 css相關屬性 1 id選擇器 2 class選擇器 類選擇器 3 標籤選擇 4 通配選擇器 1 元素關係選擇器 2 偽類選擇器 3 序號選擇器 結構性偽類選擇器 同一型別中 父元素的子元素為同...

CSS內容學習整理

css是層疊樣式表,英文全稱 cascading style sheets css樣式分為 內部樣式 外部樣式 行內樣式 渡課官網 p 渡課官網 p2 p2 渡課官網 color 單詞 十六進製制 rgb x,x,x 文字樣式 注意點 text decoration 文字的下劃線 none 無 un...

css基礎知識整理

1 什麼是css?css通常稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式。css以html為基礎,提供了豐富的功能,如字型 顏色 背景的控制及整體排版等,而且還可以針對不同的瀏覽器...