整体布局声明在css中应该如何合理的运用

2016-02-19 19:35 0 1 收藏

下面图老师小编要向大家介绍下整体布局声明在css中应该如何合理的运用,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

  1. 基本上,整体声明有两种方法,第一种就是针对一个标签,然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是:“针对一个标签,然后一次设定好几个样式”:

stype="text/css"
  body{font-size:9pt;
  font-color:red;
  background:white}
/style

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  2. 你会发现,我们同时声明了:字形大小为 9pt、字形颜色为红色、背景为白色,这3个样式,为了将这三个样式分隔开,我们利用分号“;”来将之隔开,这样才能正常起作用!当然,若是你觉得这样一列一列的写出来很浪费空间,那么你也可以写成一行的形式,如下:

style type="text/css"
  body{font-size:9pt;font-color:red;background:white}
/style

  几个标签设定相同的样式

  1.刚刚我们看过一个标签,同时设置几个样式的,实际上,我们也可以把好几个标签同时一起来设定,例如:

style type="text/css"
  h1,h2,td{font-size:12pt; font-color:red; font-family:宋体}
/style

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  以此例而言,我们同时设定了三组标签h1、h2、td,换言之,凡是被这三个标签包起来的,其文字大小都会变成 12pt、红色字、并且以宋体显示!

来源:https://www.tulaoshi.com/n/20160219/1621382.html

延伸阅读
多层模式表单(Cascading Style Sheet, CSS)是一种为超文本置标语言(HyperText   Markup Language,   HTML)提供增强补充服务的技术,可对每一个HTML的置标(tag)做精雕细刻的修饰。只用HTML制作的网页,对页面内各部分的修饰能力有限且语句烦锁,CSS正是弥补这一缺陷的有力技术,它语句、文...
标签: Web开发
分项声明 搞懂了基本声明和整体声明后,现在要来谈谈分项声明了,这个内容基本上不用多讲,因为并没有什么特别的用法,看看下例就知道了: style type="text/css" body{font-size:9pt; font-color:red} body{font-family:宋体; background:white} /style  你会发现,我们同时对标签做了两次声明,对!这就是我们今天...
标签: Web开发
在做导航条或产品目录的样式都差不时习惯用到ul,在做圆角这样的图形我也喜欢,用到他们可以最小化减少DIV的套用。但有几个地方需要在CSS控制,不然会出现左边会出现很大的空边。 下面是登陆窗口的CSS代码,为了避免DIV的嵌套,所以运用了DIV.开始未对ul进行定义,只对ul li进行定义,结果左边空出很大的空隔,看来偷懒是不行的。 ...
标签: 电脑入门
一、字体的运用 1.选用什么样的字体 杜绝滥用特殊字体 特殊字体指一些因广告需要或仿书法的字体。 例如:圆体、舒体、广告体。 如上图。 字体不是越多越好,使用同一个字体,不同的颜色、字号和对齐方式可以给版面带来更加丰富灵动的效果,使版面更加容易表达中心内容。 字体不是越古怪越好,反而越基础的字体越保险,越能简要表达内...
学习《深入浅出MFC》有一段时间了,有一些想法就记了下来,希望与大家共勉 我们知道,C++中的static数据成员表示基于该类创建的所有对象共享该static数据成员的一份拷贝。基于这个原则,可以实现多种技术,比如说为某类创建一个计数器,用来记录任意时刻共创建了多少个此类的对象。 class test{ public: test(){count++;} s...

经验教程

606

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部