                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)

為什么box1和box2 會用的div的樣式？

box1

box2

這里box1為什么會用到div的樣式呢，不是應該使用id=box1和box2的樣式嗎？

紫藤子3398557

2016-05-28

源自：初識HTML(5)+CSS(3) 12-13

關注問題我要回答

1560

操作

收起

2 回答

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

你在div一個就會看出差距.

首先是<style>標簽定義了總的樣式，就是div{}樣式；然后你在指定了名為box1的div一個新的屬性，這個屬性只對名為box1的div有效果，對其他的是沒有效果的。

就好比你種了一棵蘋果樹，給所有蘋果上了一個模型，讓他生長成模型的樣子，但是你把其中一個模型的樣子進行了一個簡單的修改，從而造成了他們的不同。所以大部分蘋果都是長成原有模型的樣子，只有你修改了模型的那個蘋果會長成你所修改過的模型的樣子。其實就是一個大的模型和定制的模型的概念，定制的模型是在并且只能在大的模型的基礎上修改的。因為我之前學過一點java，了解抽象類和接口，所以我學到現(xiàn)在是這么理解的，具體的你看前面有一章節(jié)是講繼承，重要性，特殊性的

0 回復有任何疑惑可以回復我~

收起回答

#1

紫藤子3398557 提問者

非常感謝！

2016-05-28 回復有任何疑惑可以回復我~

咔吱咔吱
2016-05-28

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

1 回復有任何疑惑可以回復我~

收起回答

#1

紫藤子3398557 提問者

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 回復有任何疑惑可以回復我~

#2

紫藤子3398557 提問者

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

2016-05-28 回復有任何疑惑可以回復我~