您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> DIV+CSS专栏 >> 文章正文
[图文]CSS初级入门(1):整体布局声明           ★★★
CSS初级入门(1):整体布局声明
作者:佚名  文章来源:天极网  点击数:  更新时间:2008-1-22 18:13:16 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:
  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、红色字、并且以宋体显示!

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    CSS中的行为——HTC
    纯CSS制作的新闻网站中的文章列表
    学习CSS制作网页总结的一些经验
    CSS样式表定义标签li前面样式
    玩转Dreamweaver 8:了解CSS层叠样式表
    Dreamweaver 入门:使用CSS设置页面格式
    网页制作入门教程:关于css样式表
    解决Deamweaver8中CSS应用无效问题
    分享:CSS使用技巧20则
    用css制作星级评分
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门