应该如何合理的应用CSS整体布局声明_CSS教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
1. 基本上,整体声明有两种方法,第一种就是针对一个标签,然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是:“针对一个标签,然后一次设定好几个样式”:
2. 你会发现,我们同时声明了:字形大小为 9pt、字形颜色为红色、背景为白色,这3个样式,为了将这三个样式分隔开,我们利用分号“;”来将之隔开,这样才能正常起作用!当然,若是你觉得这样一列一列的写出来很浪费空间,那么你也可以写成一行的形式,如下:
几个标签设定相同的样式
1.刚刚我们看过一个标签,同时设置几个样式的,实际上,我们也可以把好几个标签同时一起来设定,例如:
以此例而言,我们同时设定了三组标签<h1>、<h2>、<td>,换言之,凡是被这三个标签包起来的,其文字大小都会变成 12pt、红色字、并且以宋体显示!
示例代码 [www.mb5u.com]
<stype="text/css">
body{font-size:9pt;
font-color:red;
background:white}
</style>
body{font-size:9pt;
font-color:red;
background:white}
</style>
2. 你会发现,我们同时声明了:字形大小为 9pt、字形颜色为红色、背景为白色,这3个样式,为了将这三个样式分隔开,我们利用分号“;”来将之隔开,这样才能正常起作用!当然,若是你觉得这样一列一列的写出来很浪费空间,那么你也可以写成一行的形式,如下:
示例代码 [www.mb5u.com]
<style type="text/css">
body{font-size:9pt;font-color:red;background:white}
</style>
body{font-size:9pt;font-color:red;background:white}
</style>
几个标签设定相同的样式
1.刚刚我们看过一个标签,同时设置几个样式的,实际上,我们也可以把好几个标签同时一起来设定,例如:
示例代码 [www.mb5u.com]
<style type="text/css">
h1,h2,td{font-size:12pt; font-color:red; font-family:宋体}
</style>
h1,h2,td{font-size:12pt; font-color:red; font-family:宋体}
</style>
以此例而言,我们同时设定了三组标签<h1>、<h2>、<td>,换言之,凡是被这三个标签包起来的,其文字大小都会变成 12pt、红色字、并且以宋体显示!
相关CSS教程:
- 相关链接:
- 教程说明:
CSS教程-应该如何合理的应用CSS整体布局声明。