CSS 基礎筆記(二)

2021-09-11 06:50:39 字數 313 閱讀 5114

一、浮動

css的浮動是乙個非常有用的工具,我們可以通過使用float屬性設定浮動的方向(float:left  float:right),設定過浮動的元素會自動聚攏,關於浮動,推薦一篇寫的很詳細的部落格

二、css框模型

元素框的最內部分是實際內容,padding 屬性定義元素的內邊距

腎7plus

華為p9

上述例子設定了元素的內邊距為40px,我們也可以用padding-top、-right、-left、-bottom 分別設定上下左右內邊距。

相對於內邊距,當然也有外邊距,我們可以使用margin屬性。

CSS基礎筆記(二)

下表是對這些選擇器的簡單總結 型別描述 abc def 選擇 abc 屬性值以 def 開頭的所有元素 abc def 選擇 abc 屬性值以 def 結尾的所有元素 abc def 選擇 abc 屬性值中包含子串 def 的所有元素 可以想到,這些選擇有很多用途。a href w3school.c...

css基礎學習筆記(二)

一 css背景 背景色p p 背景色從元素中的文字向外少有延伸,只需增加一些內邊距 背景影象 body p.flower 背景重複 body 背景定位 關鍵字 top bottom left right 和 center,通常成對使用,預設為center p百分數值 影象中心與其元素的中心對齊。換句...

css 基礎筆記

css 樣式的兩種引用方式 1.body h1,h22.attention用粗體顯示所有class屬性為 attention 的標記。3.聯合使用 p.attention 表示在p中有class attention 屬性時除了用粗體顯示以外,還應該用紅色顯示。4.除了class以外還用應用在指定id...