Html样式表

html样式分为外部样式,内部样式和内联样式。

<style>              定义一个样式

<link>                引用样式资源

rel="stylesheet"             标明是外部样式表

type="text/css"              引入的文档的类型

代码示意图:

Html样式表_第1张图片

源码:

引用到的外部样式表文件:mystyle.css

h1{
    color: red;

}

主文件:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <style type="text/css">
        body{
            background-color: darkgray;
        }
        p{
            color: darkred;
            margin: 40px;
        }
    </style>
</head>
<body>
    <h1>外部样式</h1>
    <p>内部样式</p>
    <a style="color: orangered; margin: 10px">内联样式</a>
</body>
</html>

效果图:

Html样式表_第2张图片

你可能感兴趣的:(Html样式表)