感觉不用class,直接用div定义盒子就可以啊
div{
border:1px solid red;
width:200px;
height:100px;
margin-top:10px;
padding-left:15px;}
还有<style> 和<style css="text/css">有什么区别呢?
直接用div是使用了元素选择器,会选择body里的所有div。本题只有1个div,所以效果是一样的。
<style> 和<style type="text/css">效果是 一样的。在HTML和css设计之初,设计者不确定会开发多少种样式语言,所以在style内申明是css。以区别以后开发出的样式语言。因为,到最后也没有开发出其他样式语言,所以只写<style> 现在的浏览器都能识别,并默认是<style type="text/css">。
直接用div也可以,但是如果再添加div,则也会应用这个样式,为了区分开来设置,所以最好用class来设置
【1】div定义的是所有的盒子,class是因为不同盒子的样式不一样,所以针对每个不同的盒子,分别用不同的class编写样式。
【2】<style></style>是镶嵌在html文件里的样式代码部分,可以直接在里面写css样式,一般情况下为了方便管理,css样式文件都是和html文件分开存放的,所以用<style css="text/css">来引用存放在外部的css样式文件。