第一类：内联样式
内联样式是写在标签里面的样式，它可以给单独的标签使用特别的样式。
例如：<div style="background:yellow; font-size:2px; color:red; text-align:center">这是内联样式</div>
这是内联样式
那么如果要给多个标签加上相同的样式，使用下面的内部样式，是比较简便快速的方法。
第二类：内部样式
内部样式是写在html里面的样式，它是写在<head> 与 </head>之间的样式。它可以将多个标签加上相同的样式。
例如：
<head>
<style type="text/css">
<!--
p,h1 {background:yellow; font-size:2px; color:red; text-align:center}
divnbsp&{background:black; font-size:3px; color:white; text-align:center}
-->
</style>
</head>
<body>
<p>这是一个p标签</p>
<h1>这是一个h1标签</h1>
<div>这是一个di</div>
</body>
第三类：外部样式
外部样式是写在html文件以外的样式，它被保存在*.css文件中。通过在html中调用*.css获得样式。
例如：先写一个test.css文件。内如如下
p,h1 {background:yellow; font-size:20px; color:red; text-align:center}
divnbsp&{background:black; font-size:30px; color:white; text-align:center}
然后在html<head> 与 </head>之间，添加如下语句：
<link rel="stylesheet" href="test.css" type="text/css">
在<body> 与</body> 之间，添加如下内如：
<p>这是一个p标签</p>
<h1>这是一个h1标签</h1>
<div>这是以个div标签</div>
第四类：输入样式
输入样式使用 @import 将现有的1.css文件导入到2.css文件中，然后在html中调用2.css，那么1.css和2.css的内容都会被html导入使用。
例如：先写一个1.css文件。内容如下
p,h1 {background:yellow; font-size:20px; color:red; text-align:center}
再写写一个2.css文件。内容如下
@import url(1.css);
divnbsp&{background:black; font-size:30px; color:white; text-align:center}
然后在html<head> 与 </head>之间，添加如下语句：
<link rel="stylesheet" href="2.css" type="text/css">
当前位置：
论坛首页 »
自由讨论区 »
Android, Python及开发编程讨论区
»
发起投票
技术讨论
加好友
发消息
2012-11-13 10:23:49 |
赞(
操作
