CSS样式表引入的三种方式
程序员文章站
2022-04-28 07:59:31
...
方式一：内联样式表
在标签的内部书写，如：
<div style="background-color:red;">
</div>
方式二：内部样式表
在head标签中声明style标签然后在其中书写css样式，如：
<html>
<head>
<style type="text/css">
.test
{
background-color:red;
}
</style>
</head>
<body>
<div class="test">
</div>
</body>
</html>
方式三：外部样式表
在外部的css样式表文件中写入css样式源码，然后在html页面中引用它
css文件：
.test
{
background-color:red;
}
html文件：
<html>
<head>
<link type="text/css" rel="styleSheet" href="你的CSS的文件路径，最好是相对路径" />
</head>
<body>
<div class="test">
</div>
</body>
</html>
上述三种源码都可以达到同样的页面效果，这就是书写css样式表的三种方式
上一篇： jquery中实现简单的tabs插件功能的代码_jquery
下一篇： HTML 属性