div 的class如何多次使用,举个例子
5个回答
展开全部
<div class="wrap">
<div class="box"></div>
<div class="box"></div>
</div>
.wrap { width:400px; }
.box { float:left; wdith:200px; }
这样box用了两次,但只写了一次css样式,这就是class的好处。它可以继承样式!而 id 不行,它具有唯一性,当一个页面过大,div过多时,id就会很困扰,要写单独的样式,单独的命名!没有class方便!
<div class="box"></div>
<div class="box"></div>
</div>
.wrap { width:400px; }
.box { float:left; wdith:200px; }
这样box用了两次,但只写了一次css样式,这就是class的好处。它可以继承样式!而 id 不行,它具有唯一性,当一个页面过大,div过多时,id就会很困扰,要写单独的样式,单独的命名!没有class方便!
展开全部
直接在div上写要应用样式的名字就可以了,
<style>
.bg{color:red;font-size:15px;}
.blue{color:blue;font-size:15px;}
</style>
<div class="bg">红色字体</div>
<div class="blue">蓝色字体</div>
<div class="bg">红色字体</div>
<style>
.bg{color:red;font-size:15px;}
.blue{color:blue;font-size:15px;}
</style>
<div class="bg">红色字体</div>
<div class="blue">蓝色字体</div>
<div class="bg">红色字体</div>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
给DIV样式命名,CSS控制Div在网页上的显示效果,可在在CSS文件里定义CSS样式比如,(.c{width:20px;height:20px;} ),用的时候<div class="c"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div class="menu-item menu-item-jingyan">
<a class="menu-title" href="http://jingyan.baidu.com/" target="_blank">
经验
</a>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
.yangshi1 {width:100px;}
.yangshi2 {height:200px;}
<div class="yangshi1 yangshi2"></div>
div的样式就是 宽100 高200了
.yangshi2 {height:200px;}
<div class="yangshi1 yangshi2"></div>
div的样式就是 宽100 高200了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询