第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

p標(biāo)簽內(nèi)增加div后,為什么變了?

<style type="text/css">

div,p{background:pink;}

</style>

</head>

<body>

<div>div1</div>

<div>div2</div>

<p>段落1段<div>落1段落1</div>段落1段落1</p>

</body>

練習(xí)題里:原先P標(biāo)簽內(nèi)都有粉絲背景色,增加<div>...<div>后,</div>段落1段落1</p>就沒背景顏色了!這是為何??

http://img1.sycdn.imooc.com//551d3cc60001c89103720145.jpg

正在回答

2 回答

p里不能嵌套div(及其他block元素)?!?/span></div>段落1段落1” 這里是沒有css樣式的,前面的“<p>段落1段<div>“自動補全了</p>,所以顯示背景。

這是DTD(文檔類型定義)里的規(guī)則

The P element represents a paragraph. It cannot contain block-level elements (including P itself).
P表現(xiàn)的是一個段落。不能包含塊級(block)元素(包括P自身)。

We discourage authors from using empty P elements. User agents should ignore empty P elements.
我們不鼓勵使用空的P標(biāo)簽,因為瀏覽器會忽略空的P標(biāo)簽。 ? ?


隨筆一則,僅供參考:

今天工作也不是很忙,做調(diào)試提示框時候發(fā)現(xiàn)了兩個苦惱的問題,整了很久我也沒有知道是啥原因。所以趕緊請教同事。
o(︶︿︶)o 唉,不是慚愧,那個解決問題的方法是我不知道的,我以前也沒有看到過,不過現(xiàn)在明白了就寫下來以后記住就好了~
第一個我在p標(biāo)簽里嵌套了一個div,結(jié)果網(wǎng)頁上總是顯示的代碼和寫的代碼不同,同事告訴我,p標(biāo)簽上不能嵌套div
第二個是背景圖片顯示定位的問題,我在寫css的時候顯示把背景定位寫到上面,背景圖片緊挨其后,在頁面顯示的效果圖片是有那個陰影,但是怎么也不會出來小圖標(biāo)。我急了,這是咋回事呢?想了許久還是不知道,
結(jié)果同事一眼就看出來了,要把背景圖片寫在背景圖片定位的上面去,這樣就好了。。
哦哦哦,原來是這樣的,知道html 在網(wǎng)頁上是從上到下讀的,就沒有想到css也是這樣的,哈哈哈~~~

1 回復(fù) 有任何疑惑可以回復(fù)我~

div默認(rèn)是block方式顯示,會單獨撐開一行,所以會把P撐開。

而div默認(rèn)沒有外邊距,p有上下邊距,所以p中的div會距離上邊的內(nèi)容有邊距

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

xiao小開 提問者

p標(biāo)簽內(nèi)增加<div>..</div>會導(dǎo)致另起一行,我是理解的??墒菫槭裁醋詈笠恍?ldquo;段落1段落1”(即</div>段落1段落1</p>)還是被包含在整個<p>....</p>內(nèi)的,為什么沒背景效果了?請教,謝謝!
2015-04-02 回復(fù) 有任何疑惑可以回復(fù)我~
#2

用戶已禁用 回復(fù) xiao小開 提問者

如果你按下F12的話,你可以看到開發(fā)者工具中,p中div后面的文字已經(jīng)不再p內(nèi)了,所以就沒有了背景。
2015-04-02 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

p標(biāo)簽內(nèi)增加div后,為什么變了?

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號