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

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

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

【 tulaoshi.com - Web开发 】

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

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

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

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

  几个标签设定相同的样式

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

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

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

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

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

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

延伸阅读
标签: Web开发
相信学过CSS的朋友都知道CLASS这个东西,不知道你平时制作网页时是怎么应用的,我是这样来做DIV布局代码的.不知道说的清楚不清楚,凑和看吧 我把class分为2种,布局class,风格class,布局class是骨架,风格class是衣服 举个例子: 比如布局中的左栏 首先它的属性有:是左栏,宽度,背景颜色,字体颜色等 1.首...
标签: Web开发
HTML的局限性迫使设计师们去开发更聪明的方式来使他们的网页更美观。过去最常用的工具是table标签,它本是用来创建电子数据表——比如由数据行和列组成的信息显示表。但是设计师们却用HTML的表格来创建一种用来组织网页内容的脚手架(见图11-1)。可是由于table标签本来不是要用于布局的,因此设计师们不得不经常以各种不寻常的方式来使用这个标...
多层模式表单(Cascading Style Sheet, CSS)是一种为超文本置标语言(HyperText   Markup Language,   HTML)提供增强补充服务的技术,可对每一个HTML的置标(tag)做精雕细刻的修饰。只用HTML制作的网页,对页面内各部分的修饰能力有限且语句烦锁,CSS正是弥补这一缺陷的有力技术,它语句、文...
标签: Web开发
在做导航条或产品目录的样式都差不时习惯用到ul,在做圆角这样的图形我也喜欢,用到他们可以最小化减少DIV的套用。但有几个地方需要在CSS控制,不然会出现左边会出现很大的空边。 下面是登陆窗口的CSS代码,为了避免DIV的嵌套,所以运用了DIV.开始未对ul进行定义,只对ul li进行定义,结果左边空出很大的空隔,看来偷懒是不行的。 ...
标签: 电脑入门
一、字体的运用 1.选用什么样的字体 杜绝滥用特殊字体 特殊字体指一些因广告需要或仿书法的字体。 例如:圆体、舒体、广告体。 如上图。 字体不是越多越好,使用同一个字体,不同的颜色、字号和对齐方式可以给版面带来更加丰富灵动的效果,使版面更加容易表达中心内容。 字体不是越古怪越好,反而越基础的字体越保险,越能简要表达内...

经验教程

332

收藏

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