图片1.png
1、样式表：
（1）内部样式：
<!-- 内部样式 -->
<style>
h1{
color:red;
}
h2{
color: aqua;
}
</style>
</head>
<body>
<h1>111111111</h1>
<h2>222222222</h2>
(2)外部样式：
新建一个css文件，将样式写入
Index.css:
h1{
color:royalblue;
}
在html文件中调用css文件内的样式：
<!-- CSS外部导入法1 -->
<link rel="stylesheet" type="text/css" href="index.css">
<!-- CSS外部导入法2 -->
<style>
@import url(index.css);
</style>
</head>
<body>
<h1>111111111111</h1>
</body>
(3)行内样式：
<!-- 行内样式 -->
<div style="color: orange;">1111111111111</div>
样式优先级：
Important>行内样式>内部样式>外部样式
网友评论