如何理解这句： <div class="l three"><h2>three</h2></div> 为啥class属性有两个值而且还要分别css 谢谢
<html><head><style>*{margin:0;padding:0}.box{width:1000px;margin:auto}.one{height:100...
<html>
<head>
<style>
*{margin: 0;padding: 0}
.box{width: 1000px;margin: auto}
.one{height: 100px;margin-bottom: 20px;border: 3px #000 solid;}
.two{height: 50px;margin-bottom: 20px;border: 3px #000 solid;}
.l{float: left;width: 400px;margin-right: 20px;}
.r{float: right;width: 500px;}
.three{height: 420px;border: 3px #000 solid;}
.four{height: 200px;margin-bottom: 20px;border: 3px #000 solid;}
.five{height: 200px;border: 3px #000 solid;}
</style>
</head>
<body>
<div class="box">
<div class="one"><h2>one</h2></div>
<div class="two"><h2>two</h2></div>
<div class="l three"><h2>three</h2></div>
<div class="r">
<div class="four"><h2>four</h2></div>
<div class="five"><h2>five</h2></div>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html> 展开
<head>
<style>
*{margin: 0;padding: 0}
.box{width: 1000px;margin: auto}
.one{height: 100px;margin-bottom: 20px;border: 3px #000 solid;}
.two{height: 50px;margin-bottom: 20px;border: 3px #000 solid;}
.l{float: left;width: 400px;margin-right: 20px;}
.r{float: right;width: 500px;}
.three{height: 420px;border: 3px #000 solid;}
.four{height: 200px;margin-bottom: 20px;border: 3px #000 solid;}
.five{height: 200px;border: 3px #000 solid;}
</style>
</head>
<body>
<div class="box">
<div class="one"><h2>one</h2></div>
<div class="two"><h2>two</h2></div>
<div class="l three"><h2>three</h2></div>
<div class="r">
<div class="four"><h2>four</h2></div>
<div class="five"><h2>five</h2></div>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html> 展开
4个回答
展开全部
l是表示左浮动，three是表示第三个h2标签。这样分开，类就可以通用了，也可以减少css代码，不需要重复写float:left之类的。比如给第一个h2也可以套个l。
追问
还不是很理解，能再具体些吗？谢谢！
追答
他的这个l 和 r 的复用性还不太高。
我一般都是左浮动直接写个 .l{float:left;},这样想要左浮动的标签都可以加上l这个类，而不需要再写float:left;这句话了，这样可以省下好多css代码。
类跟id比的好处就是重用性，这样可以将重用性的特点最大化。
除了浮动，还有一些重复性比较高的效果也可以单独写个类，比如mr20{margin-right:20px;},用这个来表示右边距20px。
当然这些是要看实际项目，也可以写成一个通用类库来方便调用，就是像框架一样的东西。
如果只是简单的练习之类的就不需要这么讲究了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
class 是类的意思,就是一类东西,就像狗,有京巴,金毛等等.只要加上class就是具有其属性的一类,
打个比方: I 是黑色,three是狗,加在一起就是黑颜色的狗
r是红色 r three 就是红颜色的狗.
id 相当于身份证,世界独一份,不能重复,不然就乱了.
打个比方: I 是黑色,three是狗,加在一起就是黑颜色的狗
r是红色 r three 就是红颜色的狗.
id 相当于身份证,世界独一份,不能重复,不然就乱了.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在开发大型项目时，会有大量的class选择器的运用，那么也就意味着会出现重复的样式。那么我们可以把重复的class作为一个通用的公共class。这样可以节省很多代码，使你的代码更加简洁明了（有利于后期制作修改）
给你举个例子：
.f{float:left;}
我现在定义一个公共的class类选择器名为f。它的作用为左浮动，在一个大型项目中左浮动少说也会出现数十次，更甚至出现上百次，你想想出现100次f和出现100次{float:left;}那个更为节省？
给你举个例子：
.f{float:left;}
我现在定义一个公共的class类选择器名为f。它的作用为左浮动，在一个大型项目中左浮动少说也会出现数十次，更甚至出现上百次，你想想出现100次f和出现100次{float:left;}那个更为节省？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用多个class是为对不同样式分别控制，也就是说这样可以有其他元素适用这些样式的某一个class，节省css空间。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
