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為基礎,提供了豐富的功能,如字型 顏色 背景的控制及整體排版等,而且還可以針對不同的瀏覽器...