目录
CSS有三种引入方式:
- 内联样式:将CSS样式编写到元素的style属性当中
- 内部样式:将样式编写到head中的style标签里
- 外部css文件引入:将样式表编写到外部的CSS文件中
内联样式
<!--内联样式属于结构与表现耦合,不方便后期的维护,不推荐使用的-->
<p style="color:red;font-size:40px;">锄禾日当午,汗滴禾下土</p>
内部样式
<!--CSS样式编写到head中的style标签里,然后通过CSS选择器选中指定元素-->
<style type="text/css">
p{
color:red;
font-size:40px;
}
</style>
<body>
<p>锄禾日当午,汗滴禾下土</p>
</body>
外部css文件引入(推荐)
<!--将样式表编写到外部的CSS文件中,然后通过link标签来将外部的CSS文件引入到当前页面中-->
<!--注意href中文件的引入路径-->
<head>
<meta charset="utf-8" />
<title>CSS</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<p>锄禾日当午,汗滴禾下土</p>
</body>