样式表的3类应用方式
1、内嵌样式表
<html>
<head>
<title>内嵌样式表</title>
<style type="text/css">
p
{
font-family:"宋体";
text-aligh:left;
}
</sttle>
</head>
<body>
<p>看一下内嵌样式表的效果吧</p>
</body>
</html>
2、行内样式表
<html>
<head>
<title>行内样式表</title>
</head>
<body>
<p style="color:red;font-size=12px;">看一下行内样式表的效果吧</p>
</body>
</html>
3、外部样式表文件
(1)链接外部样式表
<head>
<link rel="stylesheet" type="text/css" href="newstyle.css";>
</head>
(2)导入样式表
<head>
<style type="text/css">
@import 样式表文件.css;
</style>
</head>
<html>
<head>
<title>内嵌样式表</title>
<style type="text/css">
p
{
font-family:"宋体";
text-aligh:left;
}
</sttle>
</head>
<body>
<p>看一下内嵌样式表的效果吧</p>
</body>
</html>
2、行内样式表
<html>
<head>
<title>行内样式表</title>
</head>
<body>
<p style="color:red;font-size=12px;">看一下行内样式表的效果吧</p>
</body>
</html>
3、外部样式表文件
(1)链接外部样式表
<head>
<link rel="stylesheet" type="text/css" href="newstyle.css";>
</head>
(2)导入样式表
<head>
<style type="text/css">
@import 样式表文件.css;
</style>
</head>
