菜鳥的css 筆記

2021-09-13 13:17:06 字數 837 閱讀 9655

float:

元素浮動之後,周圍的元素會重新排列,為了避免這種情況,使用 clear 屬性。

clear 屬性指定元素兩側不能出現浮動元素。

**:clear:both;

overflow 屬性用於控制內容溢位元素框時顯示的方式。

position:static,relative,fixed,absolute,stickly

fixed 定位

元素的位置相對於瀏覽器視窗是固定位置

即使視窗是滾動的它也不會移動:

fixed定位使元素的位置與文件流無關,因此不佔據空間。

fixed定位的元素和其他元素重疊。

relative 定位

相對定位元素的定位是相對其正常位置。

移動相對定位元素,但它原本所佔的空間不會改變。

left top 左上角原點,向右向下正軸

right buttom 左上角原點,向左向上正軸

absolute 定位

絕對定位的元素的位置相對於最近的已定位父元素,如果元素沒有已定位的父元素,那麼它的位置相對於:

absolute 定位使元素的位置與文件流無關,因此不佔據空間。

absolute 定位的元素和其他元素重疊。

left top 左上角原點,向右向下正軸

left buttom 左下角原點,向右向上正軸

right top 右上角原點,向左向下正軸

right buttom 右下角原點,向左向上正軸

z-index屬性指定了乙個元素的堆疊順序(哪個元素應該放在前面,或後面)

css3中屬性的透明度是 opacity。

css 菜鳥筆記(ing)

我大一的css都學了些什麼?我當時在幹什麼?我現在為什麼如此 快樂 靈魂三問 看css像看天書?我崩了。接下來但凡看到乙個不會的css屬性,我就把它記下來,奧利給!1 clsss one.class two 與 class one class two 前者同級生效,後者巢狀生效 區分點在於有無空格 ...

前端菜鳥筆記 Day 5 CSS 高階

內容引用 css 選擇器 htmlh2,p.important p.warning important.warning 選擇同時擁有這兩個類名的元素 introa href a href title a href p class important warning 完全匹配的屬性內容 p class...

前端菜鳥筆記 Day 5 CSS 高階

內容引用 css 選擇器 htmlh2,p.important p.warning important.warning 選擇同時擁有這兩個類名的元素 introa href a href title a href p class important warning 完全匹配的屬性內容 p class...