內(nèi)邊距就是內(nèi)邊距到邊框的距離赤赊。
padding :上 右 下 左? ? 四邊分別設(shè)置??
padding:上 右 下? ?上下兩邊不同 左右 相同
padding : 上 右 上下相同 左右相同
外邊距 就是盒子的最外層到邊框之間的距離??
外邊距可以單獨(dú)設(shè)置 也可以自動(dòng)設(shè)置?
margin:**px?
mrgin: 0? auto?
外邊距的重疊 每一個(gè)box的位置都是可以重疊的但是這并不意味著它不存在而是被覆蓋了
瀏覽器默認(rèn)向右對(duì)齊吭狡,每一個(gè)塊都一次向下排列
內(nèi)聯(lián)元素不能設(shè)置寬和高?
在瀏覽器中屏幕放不下所有內(nèi)容時(shí),會(huì)自動(dòng)放到下一行
?我們可以通過修改display來修改元素的性 質(zhì)以故。
?可選值:
–block:設(shè)置元素為塊元素
–inline:設(shè)置元素為行內(nèi)元素
–inline-block:設(shè)置元素為行內(nèi)塊元素
–none:隱藏元素(元素將在頁面中完全消失)
?可以通過overflow來控制內(nèi)容溢出的情況。
?可選值:
–visible:默認(rèn)值
–scroll:添加滾動(dòng)條
–auto:根據(jù)需要添加滾動(dòng)條
–hidden:隱藏超出盒子的內(nèi)容
?文檔流指的是文檔中可現(xiàn)實(shí)的對(duì)象在排列時(shí)所占用的位置玲躯。
?將窗體自上而下分成一行行据德,并在每行中按從左至右的順序排放元素,即為文檔流跷车。
?所謂浮動(dòng)指的是使元素脫離原來的文本流棘利,在父元素中浮動(dòng)起來。
?浮動(dòng)使用float屬性朽缴。
文字繞圖就是在盒子中添加文字?
內(nèi)聯(lián)元素
?可選值:
–none:不浮動(dòng)
–left:向左浮動(dòng)
–right:向右浮動(dòng)
然后現(xiàn)在我們可以做一個(gè)簡(jiǎn)單的網(wǎng)頁布局善玫;