遇到的新詞和模糊不清的詞
Paddiig 內(nèi)邊距
Line-height讓一行文字在其所在的盒子里面居中:這只其行高為盒子高
Margin:0 auto是讓一個(gè)盒子再其父盒子里面上下居中烦感。使用margin:0 auto
Border-bottom:dashed 底虛線后邊空格加px
盒子的兩種不同的特性
div也叫塊盒子,一個(gè)盒子占據(jù)一行(不管有多少內(nèi)容)振愿。大盒子
span也叫行內(nèi)盒子(通常放最終數(shù)據(jù)柠并,文本,圖片密幔,)楔脯,一個(gè)盒子中的內(nèi)容會(huì)跟同類盒子并排放在一行出現(xiàn),只有把一行填充滿才完胯甩。小盒子
特點(diǎn):寬高不能設(shè)定昧廷,而是由其內(nèi)容“撐出”,margin和padding沒(méi)有上下方面的表現(xiàn)偎箫。
浮動(dòng)布局float right left
浮動(dòng)元素不占據(jù)正常普通的div位置木柬,不影響內(nèi)容
布局初步 原理 盒子中放盒子 一個(gè)套一個(gè) 學(xué)會(huì)分析
布局就是將網(wǎng)頁(yè)內(nèi)容放到合適的位置上
布局的基本步驟
將‘當(dāng)前版面’視覺(jué)上的界限進(jìn)行劃分
兩種劃分方式:
1.上下結(jié)構(gòu),只要是若干盒子就是上下結(jié)構(gòu)淹办,無(wú)需設(shè)置
2.左右結(jié)構(gòu):只要是若干盒子眉枕,進(jìn)行相應(yīng)的浮動(dòng)奄薇,通常的模式
1.兩個(gè)盒子一左一右
2.三個(gè)盒子兩左一右或者兩右一左徘公,或者同一邊
3.更多盒子弹惦,通常一邊倒
浮動(dòng)元素:
浮動(dòng)盒子跟普通的互不干涉侨歉,只是會(huì)互相相交金矛,而且將自己的父盒子失去了合理的高度云矫,父盒子已經(jīng)包不住浮動(dòng)盒子善涨,所以要解決這個(gè)問(wèn)題
1.給父盒子設(shè)定一個(gè)合適的高度
2.給父盒子的內(nèi)部最末尾加一個(gè)清除浮動(dòng)的空盒子其骄,如下:<div style=”clear:both”></div>
3.給父盒子設(shè)置一個(gè)css屬性:overflow:hidden;