当网页读到样式表,它就会按照你写的样式对内容进行显示,网页插入样式一共有三种方式
外部样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
PS:当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。
内部样式表
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
PS:当单个网页模板需要特别样式时,就可以使用内部样式表。
内联样式表
<p style="color: red; margin-left: 20px">内容</p>
PS:当特殊的样式需要应用到个别元素时,就可以使用内联样式。
广告插入