CSS初级入门(1):整体布局声明
来源:互联网 发布:apache服务器的配置 编辑:程序博客网 时间:2024/05/18 02:45
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
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>
h1,h2,td{font-size:12pt; font-color:red; font-family:宋体}
</style>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
RONG> 基本上,整体声明有两种方法,第一种就是针对一个标签,然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是:“针对一个标签,然后一次设定好几个样式”: <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、红色字、并且以宋体显示!
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
- CSS初级入门(1):整体布局声明
- CSS初级入门:页面样式的整体声明
- CSS初级入门:样式的多次声明
- 应该如何合理的应用CSS整体布局声明
- css整体缩放布局
- 学习CSS使用技巧教程(1)整体声明
- DIV+CSS布局入门示例(二)写入整体层结构与CSS
- DIV+CSS布局入门示例(二)写入整体层结构与CSS
- css 初级入门
- css学习初级入门
- div+css布局优化中的整体布局
- CSS布局入门[css]
- CSS布局入门[css]
- CSS布局入门[css]
- HTML CSS + DIV实现整体布局
- DIV+css模仿京东整体布局
- HTML CSS + DIV实现整体布局
- HTML CSS + DIV实现整体布局
- MySQL 4.1 的安装和升级
- Real Programmers Use Pascal
- CSS布局中最小高度的妙用
- 优化SQL Server索引的小技巧
- Linux上最新的Kylix截屏画面
- CSS初级入门(1):整体布局声明
- MySQL丢了root密码怎么办?
- 半透明窗体的制作
- 使用纯CSS设计3D按钮
- MySQL中如何实现Top N及M至N段的记录查询?
- 在Internet传播声音
- 完全用CSS实现的中英文双语导航菜单
- MySQL索引分析和优化
- 用pascal写的最简单的winsock程序