-
flex-basis
彈性盒伸縮基準值? ?
子元素相對于父元素的基準值?
設(shè)置此屬性后 width失效?
查看全部 -
align-items和align-content都是規(guī)定子元素在交叉軸上的默認對其方式
區(qū)別是align-items把多行的每一行當(dāng)做一個整體去處理
align-content則是把多行統(tǒng)一當(dāng)做一個整體去處理
查看全部 -
justify-content
作用：存在剩余空間時，設(shè)置為間距的方式
flex-start :默認值 從左到右 挨著行開頭
flex-end：從右到左? 挨著行的結(jié)尾
center:居中顯示
space-between:平均分布在行上 兩邊不留間隔空間
space-round:平均分布在行上 兩邊各留一半的間隔空間
查看全部 -
flex-direction??
作用：子元素在父元素盒子中的排列方式
row (從左到右） row-reverse column（從上到下）column-reverse
注意：如果只設(shè)置display:flex? 默認row布局方式
flex-wrap
作用：子元素在父元素盒子中 是否換行（列）
nowrap 默認值 不換行或不換列
warp? 換行或換列
flex-flow? 書寫上述兩個屬性的簡寫形式
語法 flex-flow:flex-direction（排列方式）? flex-wrap(換行方式)；
查看全部 -
媒體查詢
寫法：
@media?screen?and?(mindw:)?and?(maxdw){???}為不同尺寸的屏幕設(shè)定不同的css樣式?
查看全部 -
老師，講得真好！查看全部
-
flex-flow
作用：flex-direction和flex-wrap屬性的簡寫形式
語法：flex-row：<flex-direction> || <flex-wrap>
查看全部 -
flex-wrap
作用：子元素在父元素盒子中的是否換行（列）
查看全部 -
rem 彈性布局：一套方案，使不同尺寸、分辨率的視口，都能呈現(xiàn)出較好的效果！
查看全部 -
響應(yīng)式布局
布局特點：確保一個頁面在所有終端上,都能顯示出令人滿意的效果。
一套方案,處處運行
設(shè)計思路：使用%或rem作為單位,此處采用%為單位
查看全部 -
自適應(yīng)布局：根據(jù)JS來判斷不同的設(shè)備
查看全部 -
布局特點:不同設(shè)備對應(yīng)不同的html;局部自適應(yīng)。
不同的設(shè)備用不同的頁面或局部伸縮（比如兩側(cè)不變，中間彈性伸縮）
設(shè)計思路：判斷設(shè)備的類型或控制局部的變化（可以通過navigator.userAgent獲取設(shè)備的信息）
可以配合媒體查詢
查看全部 -
rem指相對于根元素的字體大小的單位
document.documentElement.style.fontSize?=xxxx 這里是設(shè)置html字體大小
查看全部 -
#?form?div?label{ ??????flex:0?0?100px; ??????text-align:right; }查看全部 -
flex:1 1 300px;其實300px寬度沒法生效
flex：0 0 auto；這時候就是width寬度起作用了?
查看全部
舉報