CSS基礎學習筆記(四)

2021-10-08 08:56:15 字數 976 閱讀 3195

"box1">

box-sizing屬性屬性名

作用content-box

一般預設是這個,盒子總大小是內容區和內邊距和邊框的總和

border-box

盒子大小為width,height設定的值,改變border寬度不會增大盒子大小

屬性名作用

outline

和border的用法類似,不同在於border會改變其他元素的位置,outline是直接覆蓋在上面不會影響其他布局

box-shadow

陰影:左偏移量 下偏移量 模糊半徑 顏色(rgba)

border-radius

輪廓 有border-top-left-radius(左上角)border-top-right-radius(右上角)border-bottom-left-radius(左下角) border-bottom-right-radius(右下角) 引數是橢圓長半軸和橢圓短半軸

學習時看見一條彈幕說可以畫愛心,然後就動手畫一下,結果發現實現的不理想。。。。

解決的問題:利用display屬性變成行內塊元素解決不同行的問題

利用父元素font-size:0px解決兩行元素之間的空白

總結:

元素選擇器使用的還不是很熟練

border-radius不是很了解,畫的不是很像心形

了解了塊元素,行內元素,行內塊元素的區別。

解決元素間的空白細節,方法挺多的。

CSS學習筆記(四)

b color darkred align center 背景 align color b color red background color color 背景為透明 transparent 背景顏色與字型color類似 例 color red background image url color...

CSS學習筆記 四

ie與firfox的差異或bug 子元素的上下外邊界問題 ff 在父元素沒有定義高度時 貌似定義了高度也不行 子元素的上下外邊界和父元素上下外邊界疊加,並且顯示在父元素外面。解決方法 給父元素定義內邊距或邊框 雙邊距bug ie ie6或更早的版本有時會把已經應用到浮動元素的乙個邊距尺寸翻倍。只有當...

CSS學習筆記(四)

1.color 文字顏色 color屬性用於定義文字的顏色,其取值方式有如下3種 1 預定義的顏色值,如red,green,blue等。2 十六進製制,如 ff0000,ff6600,29d794等。實際工作中,十六進製制是最常用的定義顏色的方式。3 rgb 如紅色可以表示為rgb 255,0,0 ...