学做网站培训课程介绍

当前位置:

一个CSS样式来控制多个DIV

以下为学做网站论坛关于“一个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书写方法

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 这个企业模板综合了企业网站的所有必需因素,如公司简介,幻灯片,产品展示,以及大量的产品分类展示,在线留言,产品循环展示等,基本上能满足公司企业网
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 什么是DIV+CSS 附件下载 (1155075 次浏览)
    本节建站课程高清视频下载链接: https://pan.baidu.com/s/1sl6nR8D 密码: urwgdiv+css就是把设计师设计好的图片,转变成一张静态页面的技术。html
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • page页面可以单独使用不同页面模板,这个我们都知道了,那怎么给不同的single文章页面设计不同模板呢?我们有二种方法: 第一种:通过代码来判断
  • 使用WP程序制作门户网站时,需要调用网站头条新闻,让第一个文章标题与其它的标题不一样,以形成新闻头条的效果。如下图:如何使用wp网站代码
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI