image.png
image.png
- 10.HTML5样式的使用.html
<!DOCTYPE html>
<!--1.标签:-->
<!--<style></style>:样式定义-->
<!--<link rel="stylesheet" href="">:资源引用-->
<!--2.属性:-->
<!--rel="stylesheet":外部样式表-->
<!--type="text/css":引入文档的类型-->
<!--margin-left:边距-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>10.HTML5样式的使用</title>
<!--外部样式表-->
<link rel="stylesheet" href="mystyle.css" type="text/css">
<!--内部样式表-->
<style type="text/css">
p{
color: #182dff;
}
</style>
</head>
<body>
<h1>标题h1</h1>
<p>学习虽然枯燥,但是一个成长过程</p>
<!--内联样式表-->
<a href="http://www.baidu.com" target="_blank" style="color: #00cc33">点击跳转到百度</a>
</body>
</html>
- mystyle.css
h1{
color:red;
}
- 效果
image.png
