最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(wǎng) 會員登陸 & 注冊

千鋒前端浠浠呀老師HTML+CSS教程,零基礎(chǔ)web前端開發(fā)入門必看視頻

2023-07-19 15:37 作者:lys123321  | 我要投稿

怪異盒模型:box-sizing

? ? content-box:標(biāo)準(zhǔn)盒模型

? ? border-box:怪異盒模型---原始設(shè)置的css寬高不變,向內(nèi)擠壓內(nèi)容區(qū)域

? ? ? ? ? ? ? ? ? ? ? ? ? ? 不會在受到border padding的影響



彈性盒-新的布局方式 適合移動端布局

? ? 父元素加上:display:flex-彈性盒

? ? ? ? ? ? ? 子元素默認(rèn)橫向排列

? ? ? ? ? ? ? 子元素是行內(nèi)元素直接變成塊元素進(jìn)行css樣式的設(shè)置

? ? ? ? ? ? ? 子元素只有一個元素的時候加 margin:auto 子元素自動水平垂直居中



修改主軸方向:

?主軸:默認(rèn)橫向排列 ? ?主軸可通過屬性改為縱向排列此時主軸縱向排列側(cè)軸為橫向

?側(cè)軸:縱向排列

?修改主軸方向 flex-direction:

? ? ? ? ? ? ? ? ? ?column-縱向排列 ? ? ? ? ? ? ? ? 豎直方向

? ? ? ? ? ? ? ? ? ?column-reverse-縱向的反向排列

? ? ? ? ? ? ? ? ? ?row-橫向排列 ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ?row-reverse-橫向的反向排列 ?



主軸側(cè)軸對齊方式:justify-content:(切記主側(cè)軸問題)

? ? ? ? ? ? ? ?flex-start--默認(rèn)

? ? ? ? ? ? ? ?flex-end--主軸方向靠右邊對齊

? ? ? ? ? ? ? ?center--中間對齊

? ? ? ? ? ? ? ?space-between--兩端對齊

? ? ? ? ? ? ? ?space-around--距離環(huán)繞


調(diào)整側(cè)軸的屬性:align-items:

? ? ? ? ? ? ? flex-start--默認(rèn)

? ? ? ? ? ? ? flex-end--側(cè)軸方向靠底

? ? ? ? ? ? ? center--側(cè)軸方向居中(如果同時設(shè)置,這時候子元素水平垂直居中)



折行與行間距:切記主側(cè)軸問題

? ? 折行:flex-wrap:wrap/nowrap-不折行


? ? 行間距:align-content:

? ? ? ? ? ?flex-start--默認(rèn)挨著上邊界緊密相貼

? ? ? ? ? ?flex-end--挨著下邊界所有子元素緊密相貼

? ? ? ? ? ?center--在中間所有子元素緊密相貼(貼左邊開始)

? ? ? ? ? ?space-between--貼著兩端的等距離排列

? ? ? ? ? ?space-around--等距離環(huán)繞,在一行能盛下的情況下等間距排列



項(xiàng)目對齊方式:(父元素里面的子元素設(shè)置)大盒子為容器 里面的為項(xiàng)目--注意主側(cè)軸調(diào)換

? ? align-self:

? ? ? ? ?flex-start--默認(rèn)

? ? ? ? ?flex-end--去底部

? ? ? ? ?flex-center--中間

? ? ? ? ?flex-baseline--

? ? ? ? ?flex-stretch--拉伸 不設(shè)置高度后會占滿整個屏幕



項(xiàng)目調(diào)整順序:order--順序值越大越往后面跑 ? 默認(rèn)為0 可以設(shè)為負(fù)數(shù)



項(xiàng)目剩余寬高:flex:1--方便三欄布局 設(shè)置哪個哪個就占滿剩余空間



橫向滾動:flex-shrink:0(不受擠壓)/1(擠壓) ?配合 overflow:auto使用

? ?

? ?

? ?


千鋒前端浠浠呀老師HTML+CSS教程,零基礎(chǔ)web前端開發(fā)入門必看視頻的評論 (共 條)

分享到微博請遵守國家法律
金塔县| 钟山县| 垫江县| 固原市| 开封市| 迁西县| 寿阳县| 万州区| 抚宁县| 肃宁县| 资源县| 稻城县| 三都| 登封市| 汝州市| 大荔县| 渝中区| 青州市| 建昌县| 明溪县| 象州县| 深水埗区| 揭西县| 探索| 潜山县| 廉江市| 黔东| 金华市| 随州市| 梁平县| 瑞丽市| 襄汾县| 修水县| 广汉市| 陵水| 视频| 全州县| 英山县| 深州市| 侯马市| 泸州市|