零基础建站培训介绍

当前位置:

第11节:一个CSS样式来控制多个DIV

以下为学做网站论坛关于“第11节:一个CSS样式来控制多个DIV”讲解视频教程。

欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下如何使用一个CSS样式来控制多个DIV

在网页制作过程中,写CSS追求代码简洁,如果多个DIV区别的样式一样,我们在写CSS代码时,就可以使用一个CSS样式代码来控制多个DIV区域。

一个CSS样式来控制多个DIV

例如DIV1与DIV2的样式相同,我们可以先把DIV1\DIV2定义一个相同的选择器,然后给这个选择器定义样式。代码如下:

<style>.ys{color:red;font-size:18px}</style>
<div class="ys">这是DIV1</div>
<div class="ys">这是DIV2</div>

通过这样的代码就可以实现一个CSS样式控制多个DIV的效果。

注意:一个CSS样式控制多个DIV,在DIV的选择器命名时,必须使用CLASS命名。【命名方法见:CSS 语法,CSS书写方法

下一课:

发表评论