CSS样式三种插入引用方法

2018年3月14日 CSS 302 0

HTML中的CSS样式有三种插入引用形式，即外部引用样式表、内部样式表和内联样式。本文介绍三种详细插入引用方法：

外部引用样式表

<head>
<link rel="stylesheet" type="text/css" href="路径/style.css">
</head>

<head>

</head>

在HTML网页的头部引用外部CSS样式表

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

<head>

body {background-color: red}

p {margin-left: 20px}

</style>

</head>

在

<style type="text/css"></style>

1	<style type="text/css"></style>

标签中，加入你的CSS样式。

特殊样式到个别元素时，最简便的方法就是为单个元素加内联样式

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

This is a paragraph

</p>