                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

div和#box的区别

直接在

div｛width：300px;

height:300px;

border:1px solid red;}

里面添加margin-bottom:30px;

效果相同，那为什么要用#box1{margin-bottom:30px;}?

beyondwy

2015-08-14

源自：初识HTML(5)+CSS(3)-升级版 12-13

关注问题我要回答

1931

操作

收起

2 回答

Trangle
2015-08-28

显示效果并不同，不信你往下拉拉，用div的，box2下边还会有空行，而用#box1，box2下边不会有空行了。

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

收起回答

qq_空旷_0
2015-08-14

div代表的是元素....所有页面上的div元素都会生效

#div1的作用区域是id为div1的元素......

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

收起回答

beyondwy 提问者

我还是不是很懂，可不可以再详细地解释一下，谢谢

2015-08-14 回复有任何疑惑可以回复我~

qq_空旷_0 回复 beyondwy 提问者

如果你直接 div｛width：300px。。。等等｝他会作用到本页面所有的 <div></div> 而#div1｛width：300px..等等｝他只作用于id等于div1的这个div <div id="div1"></div> CSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。用法如下： #id名 { 属性名:属性值; } .class名 { 属性名:属性值; } 标签名 { 属性名:属性值; }

2015-08-14 回复有任何疑惑可以回复我~

beyondwy 提问者回复 qq_空旷_0

好的，谢谢

2015-08-14 回复有任何疑惑可以回复我~