在css中运用整体布局声明

2016-02-19 13:08 5 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享在css中运用整体布局声明吧。

【 tulaoshi.com - Web开发 】

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

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

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

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

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 

  几个标签设定相同的样式

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

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/1603077.html

延伸阅读
标签: Web开发
您正在学习WEB标准CSS网页布局吗?是不是还不能完全掌握纯CSS布局?通常有两种需要您特别注意: 第一种可能是你还没有理解CSS处理页面的原理。 在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉...
多层模式表单(Cascading Style Sheet, CSS)是一种为超文本置标语言(HyperText   Markup Language,   HTML)提供增强补充服务的技术,可对每一个HTML的置标(tag)做精雕细刻的修饰。只用HTML制作的网页,对页面内各部分的修饰能力有限且语句烦锁,CSS正是弥补这一缺陷的有力技术,它语句、文...
标签: Web开发
CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子: #sample{ MARGIN: 10px 10px 10px 10px; PADDING:2...
标签: Web开发
在做导航条或产品目录的样式都差不时习惯用到ul,在做圆角这样的图形我也喜欢,用到他们可以最小化减少DIV的套用。但有几个地方需要在CSS控制,不然会出现左边会出现很大的空边。 下面是登陆窗口的CSS代码,为了避免DIV的嵌套,所以运用了DIV.开始未对ul进行定义,只对ul li进行定义,结果左边空出很大的空隔,看来偷懒是不行的。 ...
标签: Web开发
由于ajax为我们带来太多的好处,所以在很多应用中我们都会优先选择这种技术,于是我也为之所吸引,现跟大家分享下一个简单的入门例子。 regist.jsp文件:一个简单的注册页面 %@ page contentType="text/html; charset=gb2312"     % !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ht...

经验教程

879

收藏

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