零基础建站培训介绍

当前位置:

css 4种引入方式

HTML中引入CSS控制有下面四种方式:(相关教程:HTML入门教程

1)行内式

比如:


<body>
<h1 style="color:white;background-color:blue">
This is a line of Text.
</h1>
</body>

2)嵌入式

比如:


<head>
<style type="text/css">
h1{color:white;background-color:blue}
</style>
</head>
<body>
<h1>This is a line of Text.</h1>
<h1>This is another line of Text.</h1>
</body>

3)导入式写法(注意CSS文件的路径要正确):


<head>
<style type="text/css">@import"mycss.css";</style></head>
<body>
<h1>This is a line of Text.</h1>
<h1>This is another line of Text.</h1>
</body>

4)链接式写法(注意CSS文件的路径要正确):


<head>
<link href="mycss.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<h1>This is a line of Text.</h1>
<h1>This is another line of Text.</h1>
</body>
上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注