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>就沒背景顏色了!這是為何??
2015-09-02
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也是這樣的,哈哈哈~~~
2015-04-02
div默認(rèn)是block方式顯示,會單獨撐開一行,所以會把P撐開。
而div默認(rèn)沒有外邊距,p有上下邊距,所以p中的div會距離上邊的內(nèi)容有邊距