                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

為什么box1和box2 會(huì)用的div的樣式？

box1

box2

這里box1為什么會(huì)用到div的樣式呢，不是應(yīng)該使用id=box1和box2的樣式嗎？

紫藤子3398557

2016-05-28

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-13

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

1504

操作

收起

2 回答

貓和樹(shù)袋熊回答被采納 +3 積分
2016-05-28

你在div一個(gè)就會(huì)看出差距.

首先是<style>標(biāo)簽定義了總的樣式，就是div{}樣式；然后你在指定了名為box1的div一個(gè)新的屬性，這個(gè)屬性只對(duì)名為box1的div有效果，對(duì)其他的是沒(méi)有效果的。

就好比你種了一棵蘋(píng)果樹(shù)，給所有蘋(píng)果上了一個(gè)模型，讓他生長(zhǎng)成模型的樣子，但是你把其中一個(gè)模型的樣子進(jìn)行了一個(gè)簡(jiǎn)單的修改，從而造成了他們的不同。所以大部分蘋(píng)果都是長(zhǎng)成原有模型的樣子，只有你修改了模型的那個(gè)蘋(píng)果會(huì)長(zhǎng)成你所修改過(guò)的模型的樣子。其實(shí)就是一個(gè)大的模型和定制的模型的概念，定制的模型是在并且只能在大的模型的基礎(chǔ)上修改的。因?yàn)槲抑皩W(xué)過(guò)一點(diǎn)java，了解抽象類和接口，所以我學(xué)到現(xiàn)在是這么理解的，具體的你看前面有一章節(jié)是講繼承，重要性，特殊性的

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

收起回答

#1

紫藤子3398557 提問(wèn)者

非常感謝！

2016-05-28 回復(fù) 有任何疑惑可以回復(fù)我~

咔吱咔吱
2016-05-28

估計(jì)是你box包含在div中選擇器使用了div ?

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

收起回答

#1

紫藤子3398557 提問(wèn)者

div{ width:300px; height:300px; border:1px solid red; } #box1{ margin-bottom:30px; } </style> </head> <body> <div id="box1">box1</div> <div id="box2">box2</div>

2016-05-28 回復(fù) 有任何疑惑可以回復(fù)我~

#2

紫藤子3398557 提問(wèn)者

這里box1使用的div的樣式，同時(shí)使用了id=box1的樣式，是為什么呢？

2016-05-28 回復(fù) 有任何疑惑可以回復(fù)我~