                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁(yè)簡(jiǎn)單布局之結(jié)構(gòu)與表現(xiàn)原則

預(yù)覽結(jié)果完全和老師的不一樣

我只想說(shuō)完全按照老師的代碼寫的，為是么結(jié)果不一樣？？使瀏覽器的問(wèn)題？？？

FEBoy

2015-12-30

源自：網(wǎng)頁(yè)簡(jiǎn)單布局之結(jié)構(gòu)與表現(xiàn)原則 2-1

關(guān)注問(wèn)題我要回答

892

操作

收起

4 回答

李曉健回答被采納 +3 積分
2015-12-30

<style?type="text/css">
????body,ul,ol,h1,h2,h3,h4,h5,h6,form,p,hr{margin:?0;padding:?0;list-style:?none;font:12px/1.5?"Arial",?"sans-serif",?"微軟雅黑",?"宋體",?"Tahoma";color:#666;}
????ul,ol{list-style:none;}

????.demo{width:600px;position:relative;}
????/**這行demo后面有一個(gè)空格***/
????.demo?.left{width:100px;float:left;}
????.tp{margin-left:20px;}
????/**這行demo后面有一個(gè)空格***/
????.demo?.right{width:458px;padding:20px;float:right;background:#9cf;border:1px?solid?#ccc;}
????/**這行demo后面有一個(gè)空格***/
????.demo?.right?p{font-size:12px;line-height:25px;}
</style>

看注釋

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

收起回答

#1

FEBoy 提問(wèn)者

噢，原來(lái)是這樣，謝謝了啊。麻煩再問(wèn)下為是么要這樣寫，還有比如給<p>標(biāo)簽加樣式，為是么不直接寫為p{font-size:12px;line-height:25px;},而是前面加上.demo .right呢？

2015-12-30 回復(fù) 有任何疑惑可以回復(fù)我~

#2

李曉健回復(fù) FEBoy 提問(wèn)者

加空格就是子選擇器，就是選擇這個(gè)標(biāo)簽里面的標(biāo)簽，沒(méi)有空格就是當(dāng)前標(biāo)簽

2015-12-30 回復(fù) 有任何疑惑可以回復(fù)我~

#3

FEBoy 提問(wèn)者回復(fù) 李曉健

想起來(lái)了，應(yīng)該是包含選擇器，不是子選擇器。再次感謝！

2015-12-30 回復(fù) 有任何疑惑可以回復(fù)我~

FEBoy 提問(wèn)者
2015-12-30

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>Test</title>
<style?type="text/css">
body,ul,ol,h1,h2,h3,h4,h5,h6,form,p,hr{margin:?0;padding:?0;list-style:?none;font:12px/1.5?"Arial",?"sans-serif",?"微軟雅黑",?"宋體",?"Tahoma";color:#666;}
ul,ol{list-style:none;}

.demo{width:600px;position:relative;}
.demo.left{width:100px;float:left;}
.tp{margin-left:20px;}
.demo.right{width:458px;padding:20px;float:right;background:#9cf;border:1px?solid?#ccc;}
.demo.right?p{font-size:12px;line-height:25px;}
</style>
</head>

<body>
<div?class="demo">
??<div?class="left">
???<img?class="tp"?src="head01.jpg"?/>
??</div>
??<div?class="right">
???<h6>櫻桃小丸子</h6>
???<p>小雪封地，大雪封河，大雪節(jié)氣過(guò)后，小山村被厚厚的積雪覆蓋，?出山的路被冰雪封堵了，家家戶戶老早就備足了柴米油鹽醬醋茶，其中白薯是冬季山民的主食，而小米，玉米，高粱米則是稀缺的"細(xì)糧"。成長(zhǎng)在山里的孩子，對(duì)白薯的記憶是最深刻的，兒時(shí)山里普遍窮，白薯是山民的主要口糧之一，長(zhǎng)期吃白薯，難免吃頂了，有時(shí)我們不愛(ài)吃，大人們唬著臉說(shuō)，不吃白薯的孩子長(zhǎng)不了大個(gè)兒，于是，我們一群孩子就搶著吃了。</p>
????<span>10分鐘前</span>
??</div>
</div>
</body>
</html>