一个CSS样式来控制多个DIV
以下为学做网站论坛关于“一个CSS样式来控制多个DIV”讲解视频教程。
欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下如何使用一个CSS样式来控制多个DIV。
在网页制作过程中,写CSS追求代码简洁,如果多个DIV区别的样式一样,我们在写CSS代码时,就可以使用一个CSS样式代码来控制多个DIV区域。
例如DIV1与DIV2的样式相同,我们可以先把DIV1\DIV2定义一个相同的选择器,然后给这个选择器定义样式。代码如下:
<style>.ys{color:red;font-size:18px}</style>
<div class="ys">这是DIV1</div>
<div class="ys">这是DIV2</div>
<div class="ys">这是DIV1</div>
<div class="ys">这是DIV2</div>
通过这样的代码就可以实现一个CSS样式控制多个DIV的效果。
注意:一个CSS样式控制多个DIV,在DIV的选择器命名时,必须使用CLASS命名。【命名方法见:CSS 语法,CSS书写方法】