"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 ...