css 基礎撿漏(二)

2021-09-27 08:45:14 字數 652 閱讀 1916

inline: a span em strong

block: p div h1-h5 ul ol form

inline-block: img input

注意: 凡是帶有inline的元素,都有文字特性,因此img併排時中間會有間隙,原因是img兩個標籤之間有空格,去除這些空格則間隙消失

absolute  脫離原來位置進行定位,不占有原來的位置

relative    保留原來位置進行定位,占有原來位置

如果子元素需要絕對定位,一半來說父元素用relative,不用absolute, 以減少對後續元素位置的破壞

z-index    元素在第幾層

單行三件套   

p
多行

方法一:後端將文字包括點傳遞給前端展示

方法二:利用偽元素

注意: 凡是帶有inline的元素,都有文字特性,因此img併排時中間會有間隙,原因是img兩個標籤之間有空格,去除這些空格則間隙消失

注意: 凡是帶有inline的元素,都有文字特性,因此img併排時中間會有間隙,原因是img兩個標籤之間有空格,去除這些空格則間隙消失

css 基礎撿漏(一)

優先順序由高到低 權重!important infinity 行間樣式 1000 id選擇器 100class選擇器 屬性選擇器 偽類選擇器 10標籤選擇器 偽元素選擇器 1萬用字元選擇器 0注意 權重並不是十進位制,10為 0000 0001 0000 0000的簡寫,1為0000 0000 00...

CSS 基礎語法(二)

css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤,屬性 property 是你希望改變的屬性,並且每個屬性都有乙個值。屬性和值被冒號分開,並由花括號包圍,這樣就組成了乙個完整的樣式宣告 declaration body上面...

CSS 基礎筆記(二)

一 浮動 css的浮動是乙個非常有用的工具,我們可以通過使用float屬性設定浮動的方向 float left float right 設定過浮動的元素會自動聚攏,關於浮動,推薦一篇寫的很詳細的部落格 二 css框模型 元素框的最內部分是實際內容,padding 屬性定義元素的內邊距 腎7plus ...