day4后半部分

遇到的新詞和模糊不清的詞

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;

最好總結(jié):布局需要左右排列恐疲,左右排列需要浮動(dòng)腊满,浮動(dòng)需要修正其破壞效果——讓父盒子合理包住其子盒子。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末培己,一起剝皮案震驚了整個(gè)濱河市糜烹,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌漱凝,老刑警劉巖疮蹦,帶你破解...
    沈念sama閱讀 212,718評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異茸炒,居然都是意外死亡愕乎,警方通過(guò)查閱死者的電腦和手機(jī)阵苇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)感论,“玉大人绅项,你說(shuō)我怎么就攤上這事”纫蓿” “怎么了快耿?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,207評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)芳绩。 經(jīng)常有香客問(wèn)我掀亥,道長(zhǎng),這世上最難降的妖魔是什么妥色? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,755評(píng)論 1 284
  • 正文 為了忘掉前任搪花,我火速辦了婚禮,結(jié)果婚禮上嘹害,老公的妹妹穿的比我還像新娘撮竿。我一直安慰自己,他們只是感情好笔呀,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布幢踏。 她就那樣靜靜地躺著,像睡著了一般许师。 火紅的嫁衣襯著肌膚如雪房蝉。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 50,050評(píng)論 1 291
  • 那天枯跑,我揣著相機(jī)與錄音惨驶,去河邊找鬼白热。 笑死敛助,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的屋确。 我是一名探鬼主播纳击,決...
    沈念sama閱讀 39,136評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼攻臀!你這毒婦竟也來(lái)了焕数?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,882評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤刨啸,失蹤者是張志新(化名)和其女友劉穎堡赔,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體设联,經(jīng)...
    沈念sama閱讀 44,330評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡善已,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評(píng)論 2 327
  • 正文 我和宋清朗相戀三年灼捂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片换团。...
    茶點(diǎn)故事閱讀 38,789評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡悉稠,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出艘包,到底是詐尸還是另有隱情的猛,我是刑警寧澤,帶...
    沈念sama閱讀 34,477評(píng)論 4 333
  • 正文 年R本政府宣布想虎,位于F島的核電站卦尊,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏磷醋。R本人自食惡果不足惜猫牡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望邓线。 院中可真熱鬧淌友,春花似錦、人聲如沸骇陈。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,864評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)你雌。三九已至器联,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間婿崭,已是汗流浹背拨拓。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,099評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留氓栈,地道東北人渣磷。 一個(gè)月前我還...
    沈念sama閱讀 46,598評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像授瘦,于是被迫代替她去往敵國(guó)和親醋界。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案提完? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,741評(píng)論 1 92
  • 目錄 內(nèi)容 一. 我對(duì)標(biāo)簽徒欣、元素逐样、盒子的理解 相信很多人和我之前一樣,對(duì)于web的許多概念也都知道是什么意思,大家...
    科研者閱讀 685評(píng)論 2 2
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表脂新,主要用...
    寥寥十一閱讀 1,825評(píng)論 0 6
  • relative:生成相對(duì)定位的元素秽澳,通過(guò)top,bottom,left,right的位置相對(duì)于其正常位置進(jìn)行定位...
    zx9426閱讀 933評(píng)論 0 2
  • 將心打開(kāi)后,別人的愛(ài)才能流進(jìn)來(lái)戏羽,自己對(duì)別人的愛(ài)才能流出去担神,深厚一些的感情才能建立。這樣的感情一建立始花,自己的內(nèi)心就有...
    新月飯店大小姐閱讀 189評(píng)論 0 1