-
justify-content: flex-start | flex-end | center | space-between | space-around;
辯證內(nèi)容 彎曲起點(diǎn) 彎曲終點(diǎn) 居中 以分隔排列 以環(huán)繞排列flex-start 左對(duì)齊
lex-end 右對(duì)齊
space-between?兩端對(duì)齊,項(xiàng)目之間的間隔都相等
space-around 每個(gè)項(xiàng)目?jī)蓚?cè)的間隔相等
查看全部 -
1、設(shè)置display: flex屬性可以把塊級(jí)元素在一排顯示。
2、flex需要添加在父元素上,改變子元素的排列順序。
3、默認(rèn)為從左往右依次排列,且和父元素左邊沒(méi)有間隙。
查看全部 -
父元素相對(duì)定位,子元素絕對(duì)定位,是以父元素作為參考對(duì)象
查看全部 -
position:fixed;固定定位
坐標(biāo)是視圖(屏幕內(nèi)的網(wǎng)頁(yè)窗口)本身
查看全部 -
position:relative;相對(duì)定位
偏移前的位置保留不動(dòng),根據(jù)偏移前的位置移動(dòng)
查看全部 -
塊級(jí)元素用float重新定義所在位置
查看全部 -
padding:1 2 3 4;上 右 下 左
padding:1;上右下左相同
padding:1 2;上下相同,左右相同
查看全部 -
border-radius:1 2 3 4 左上 右上 右下 左下
border-radius:1 四個(gè)角相同
border-radius:1 2 左上角和右下角相同,右上角和左下角相同
border-角-鄰角:1 角和鄰角相同
查看全部 -
border邊框可以設(shè)置上下左右
查看全部 -
border-width
thin | medium | thick(但不是很常用),最常還是用像素(px)
border-style
dashed(虛線)| dotted(點(diǎn)線)| solid(實(shí)線)
border-color
顏色可設(shè)置為十六進(jìn)制顏色
查看全部 -
padding內(nèi)邊距
margin外邊距
border邊框
查看全部 -
display:inline;行內(nèi)(內(nèi)聯(lián))
display:inline-block;內(nèi)聯(lián)塊狀
display:none;不顯示
查看全部 -
inline-block:內(nèi)聯(lián)塊狀元素
1、和其他元素都在一行上;
2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
<img>、<input>標(biāo)簽就是這種內(nèi)聯(lián)塊狀標(biāo)簽
查看全部 -
display:陳列
display:inline行內(nèi)
查看全部 -
text-align:水平校準(zhǔn)
left,center,right 左,中,右
查看全部
舉報(bào)