CSS初级入门页面样式的整体声明

  整体声明的方法
  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> 

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

 代码如下 复制代码
<style type="text/css">
h1,h2,td{font-size:12pt; font-color:red; font-family:宋体}
</style>

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

时间: 2024-08-08 14:56:36

CSS初级入门页面样式的整体声明的相关文章

CSS初级入门:页面样式的整体声明

css|页面 整体声明的方法 1. 基本上,整体声明有两种方法,第一种就是针对一个标签,然后一次设定好几个样式.第二种就是同时对好几个标签设定相同的样式.下面这个例子就是:"针对一个标签,然后一次设定好几个样式": <stype="text/css"> body{font-size:9pt;font-color:red;background:white} </style> 2. 你会发现,我们同时声明了:字形大小为 9pt.字形颜色为红色.背

CSS初级入门:样式的多次声明

css 分项声明 搞懂了基本声明和整体声明后,现在要来谈谈分项声明了,这个内容基本上不用多讲,因为并没有什么特别的用法,看看下例就知道了: <style type="text/css"> body{font-size:9pt; font-color:red}body{font-family:宋体; background:white} </style> 你会发现,我们同时对标签做了两次声明,对!这就是我们今天要讲的分项声明,也就是说,对同一个标签,哦们可以做两次不

CSS初级入门:样式表的外部调用

css|样式表 外部引用的优点 为什么要把CSS声明做成一个CSS文件呢?这样做的好处有三个. 第一个好处,网页处理速度会更快一些,尤其在有很多网页共用一份CSS样式表时更为好用!因为你不用为每一页都写同样的CSS代码,网页自然就会更瘦一些轻快一些. 第二个好处是,可以防止一些电脑程度较低的使用者直接看到CSS语法(就是有人不喜欢被看见语法),当然指的是无法直接看到,而非无法看到,稍微有点能力的,要查看CSS文件的内容简直是易如反掌. 第三个好处当然就是维护方便了!你只要修改一个CSS文件,不管

CSS初级入门:样式的单独调用

css 为什么要单独调用呢? "单独调用"就是加入STYLE属性.就是将CSS声明套用在单独的一个网页元素上(任一个文字.图片.表格...等,都是网页元素),此时,CSS将不再以一个样式表来显示结果了,而是利用STYLE属性加到标签中.为什么要"单独调用"CSS?原因是:比较灵活...举个简单的例子,我们希望让输入的表单的底色不使用白色了? 关于Style属性 其实,几乎每个 HTML 标签都有其各自的属性,例如 <p align="center&q

CSS初级入门(1):整体布局声明

css 1. 基本上,整体声明有两种方法,第一种就是针对一个标签,然后一次设定好几个样式.第二种就是同时对好几个标签设定相同的样式.下面这个例子就是:"针对一个标签,然后一次设定好几个样式": <stype="text/css"> body{font-size:9pt;font-color:red;background:white} </style> 2. 你会发现,我们同时声明了:字形大小为 9pt.字形颜色为红色.背景为白色,这3个样式,

CSS初级入门样式的多次声明

分项声明 搞懂了基本声明和整体声明后,现在要来谈谈分项声明了,这个内容基本上不用多讲,因为并没有什么特别的用法,看看下例就知道了:  代码如下 复制代码 <style type="text/CSS"> body{font-size:9pt; font-color:red} body{font-family:宋体; background:white} </style>  你会发现,我们同时对标签做了两次声明,对!这就是我们今天要讲的分项声明,也就是说,对同一个标签

Div+CSS布局入门教程(二) -- 写入整体层结构与CSS

css|教程|入门教程 二.写入整体层结构与CSS 接下来我们在桌面新建一个文件夹,命名为"DIV+CSS布局练习",在文件夹下新建两个空的记事本文档,输入以下内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=

CSS初级入门:连接属性

css 连接属性 在 HTML 文件里的超连接文字经过浏览器的解释后都会以加下划线的方式来显示,并没有动态的效果,通过 CSS 之 Anchor Pseudo Classes,大家可以将超连接文字的显示方式做到几种不同的变化. 例如:<A HREF=http://www.webjx.com>www.webjx.com</A> 以上的超级连接经过在浏览器页面上是以加下划线的方式显示. 但如果利用 CSS 之 Anchor Pseudo Classes 则可以做出动态的效果,其标签如下

CSS初级入门:自定义类别

css 自定义类别 今天讲的有一个新知识"类别".其实,这知识并不陌生!回想一下,在 HTML 标签中,有个属性叫 class,当时没有解释这个属性是干什么用的.其实,不是不解释,而是解释了也不会用,所以就暂时没有说,等到了今天.这个 class 属性,所以将之解释为"类别"属性,它有什么作用呢?它能够让我们在不同的标签中使用相同的 CSS 设定,举个例子如下: 我们在读书的时候,常常看到课本上有重点的地方,用红色或其它颜色标明.如果,今天我们的网页上,也想将一些比