19-21日作業(yè)(問答題)

1.內(nèi)聯(lián)元素如何轉(zhuǎn)化成為塊元素

style="display:inline">塊變內(nèi)聯(lián)

style="display:block">內(nèi)聯(lián)變塊

2.元素類型有哪些剔交?他們的特征分別是什么矢门?

a塊元素

塊元素默認(rèn)占據(jù)一行漫拭,寬度與父容器一致隔嫡,高度為內(nèi)容+padding的高度虐拓。

塊元素可以通過設(shè)置margin和padding的值來控制塊元素與其他元素的邊距以及自身邊框與內(nèi)容的留白(內(nèi)邊距)贯被。

塊元素可以設(shè)置寬度和高度鞭光。

塊元素設(shè)置高度,padding笋庄,margin會(huì)撐大父容器的文檔流效扫,當(dāng)然這要在父容器沒有設(shè)置固定高度的前提下。

b行內(nèi)元素

對(duì)行內(nèi)元素設(shè)置高度相關(guān)的都是沒有效果的直砂,如設(shè)置margin-top菌仁,margin-bottom,padding-top静暂,padding-bottom济丘,height這些屬性都是無效的。

對(duì)行內(nèi)元素設(shè)置寬度也是無效的洽蛀,行內(nèi)元素的寬度只有左右內(nèi)邊距和內(nèi)容寬度來決定摹迷。

c行內(nèi)塊元素

行內(nèi)塊元素對(duì)其設(shè)置高度,寬度郊供,padding和margin都是有效果的峡碉。

行內(nèi)塊元素不會(huì)獨(dú)占一行,如果該行內(nèi)塊元素在設(shè)置完寬度驮审、padding鲫寄、margin之后,父容器后面的寬度還能夠容的下第二元素疯淫,那么第二個(gè)元素就會(huì)與第一個(gè)元素同行顯示地来,否則,另起一行熙掺。

兩個(gè)同行顯示的行內(nèi)塊元素未斑,對(duì)其上下的元素的間隔距離,以其中最大的間距為主币绩。

3.清浮動(dòng)有哪些方法蜡秽?你最喜歡哪個(gè)?為什么

a.父級(jí)div定義height

優(yōu)點(diǎn):簡(jiǎn)單、代碼少类浪、容易掌握

b.結(jié)尾處加空div標(biāo)簽clear:both

優(yōu)點(diǎn):簡(jiǎn)單载城、代碼少、瀏覽器支持好费就、不容易出現(xiàn)怪問題

c.父級(jí)div定義overflow:hidden

優(yōu)點(diǎn):簡(jiǎn)單诉瓦、代碼少、瀏覽器支持好

d.父級(jí)div定義overflow:auto

優(yōu)點(diǎn):簡(jiǎn)單力细、代碼少睬澡、瀏覽器支持好

e.父級(jí)div也一起浮動(dòng)

f.結(jié)尾處加br標(biāo)簽clear:both

我最喜歡結(jié)尾處加空div標(biāo)簽clear:both,比較方便眠蚂。

4.什么是BFC煞聪?如何才能得到一個(gè)BFC

5.Positon的值有哪些?

absolute

生成絕對(duì)定位的元素逝慧,相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位昔脯。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定啄糙。

fixed

生成絕對(duì)定位的元素,相對(duì)于瀏覽器窗口進(jìn)行定位云稚。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定隧饼。

relative

生成相對(duì)定位的元素,相對(duì)于其正常位置進(jìn)行定位静陈。

因此燕雁,"left:20" 會(huì)向元素的 LEFT 位置添加 20 像素。

static默認(rèn)值鲸拥。沒有定位拐格,元素出現(xiàn)在正常的流中(忽略 top, bottom, left, right 或者z-index聲明)。inherit規(guī)定應(yīng)該從父元素繼承 position 屬性的值刑赶。

6.說一下絕對(duì)定位捏浊,相對(duì)定位和固定定位的區(qū)別

1、相對(duì)定位不會(huì)失去文檔流中的位置角撞,而絕對(duì)定位和固定定位都會(huì)失去原來在文檔流中的位置而被下面的替代呛伴;

2、無論是相對(duì)谒所、絕對(duì)還是固定定位热康,當(dāng)偏移量超出上面、左邊瀏覽器窗體(或者說超出可視區(qū)域)的時(shí)候劣领,超出的內(nèi)容都會(huì)被隱藏姐军;而超出下面和右邊的時(shí)候,相對(duì)定位和固定定位會(huì)隱藏超出的部分內(nèi)容尖淘,而絕對(duì)定位會(huì)出現(xiàn)滾動(dòng)條奕锌。

3、相對(duì)村生、絕對(duì)和固定定位都會(huì)浮在正常文檔流的上面惊暴,如果遮蓋了正常顯示的文檔流,可以設(shè)置z-index來消除趁桃。

7.怎么改變一個(gè)div的層級(jí)辽话,無標(biāo)題文檔body{margin:0;}#div1{width:50px;height:50px;background:red;position:absolute;z-index:1;top:50px;}#div2{width:50px;height:50px;background:yellow;position:relative;}div1div2

無標(biāo)題文檔body{margin:0;}#div1{width:50px;height:50px;background:red;position:absolute;z-index:1;top:50px;}#div2{width:50px;height:50px;background:yellow;position:relative;}無標(biāo)題文檔body{margin:0;}#div1{width:50px;height:50px;background:red;position:absolute;z-index:1;top:50px;}#div2{width:50px;height:50px;background:yellow;position:relative;}

8.如何實(shí)現(xiàn)層疊的DIV1與DIV2,上面DIV1不透明下面DIV2透明卫病?


9.合并行屬性油啤,合并列屬性

colspan? 屬性規(guī)定單元格可橫跨的列數(shù)

rowspan? 屬性規(guī)定單元格可橫跨的行數(shù)蟀苛。

合并的數(shù)量+剩余的數(shù)量=總數(shù)

一行合并刪當(dāng)前行益咬,跨行合并刪除當(dāng)前行的其他行

10.讓DIV水平垂直居中

margin:50%;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末帜平,一起剝皮案震驚了整個(gè)濱河市幽告,隨后出現(xiàn)的幾起案子梅鹦,更是在濱河造成了極大的恐慌,老刑警劉巖评腺,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件帘瞭,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡蒿讥,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門抛腕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來芋绸,“玉大人,你說我怎么就攤上這事担敌∷ち玻” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵全封,是天一觀的道長(zhǎng)马昙。 經(jīng)常有香客問我,道長(zhǎng)刹悴,這世上最難降的妖魔是什么行楞? 我笑而不...
    開封第一講書人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮土匀,結(jié)果婚禮上子房,老公的妹妹穿的比我還像新娘。我一直安慰自己就轧,他們只是感情好证杭,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著妒御,像睡著了一般解愤。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上乎莉,一...
    開封第一講書人閱讀 51,125評(píng)論 1 297
  • 那天送讲,我揣著相機(jī)與錄音,去河邊找鬼梦鉴。 笑死李茫,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的肥橙。 我是一名探鬼主播魄宏,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼存筏!你這毒婦竟也來了宠互?” 一聲冷哼從身側(cè)響起味榛,我...
    開封第一講書人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎予跌,沒想到半個(gè)月后搏色,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡券册,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年频轿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片烁焙。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡航邢,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出骄蝇,到底是詐尸還是另有隱情膳殷,我是刑警寧澤,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布九火,位于F島的核電站赚窃,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏岔激。R本人自食惡果不足惜勒极,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鹦倚。 院中可真熱鬧河质,春花似錦、人聲如沸震叙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)媒楼。三九已至乐尊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間划址,已是汗流浹背扔嵌。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留夺颤,地道東北人痢缎。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像世澜,于是被迫代替她去往敵國(guó)和親独旷。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,748評(píng)論 1 92
  • 本課來自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途嵌洼。 HTML5 HTML介紹 H...
    PYLON閱讀 3,223評(píng)論 0 5
  • 1.在什么場(chǎng)景下會(huì)出現(xiàn)外邊距合并?如何合并鳖昌?如何不讓相鄰元素外邊距合并备畦?給個(gè)父子外邊距合并的范例 概念:在CSS當(dāng)...
    饑人谷_任磊閱讀 650評(píng)論 0 3
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個(gè)單獨(dú)的外部文件中,這個(gè)css樣式文件以“.css...
    KunMitnic閱讀 939評(píng)論 0 1
  • 在看了知乎的神文——《普通人離千萬富翁有多遠(yuǎn)》之后遗遵,突然感覺自己滿身雞血淋漓盡至萍恕,仿佛離身邊的千萬富翁又近了一步,...
    1982年的填空閱讀 198評(píng)論 0 0