HTML5---样式
2019-02-13 本文已影响0人
计算机视觉__掉队选手
样式
1.标签：
<styel>:样式定义
<link>:引用样式
2.属性：
rel="stylesheet"：外部样式表
type="text/css"：引入文档的类型
margin-left：边距
3.三种样式表插入方法：
（1）外部样式表：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>样式</title>
<link rel="stylesheet" type="text/css" href="mystyle.css"></link>
</head>
<body>
<h1 align="center">标题一</h1>
</body>
</html>
（2）内部样式表：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>样式</title>
<link rel="stylesheet" type="text/css" href="mystyle.css"></link>
<style type="text/css">
p{
color:aqua;
}
</style>
</head>
<body>
<h1 align="center">标题一</h1>
<p>welcome to beijing</p>
</body>
</html>
（3）内联样式表：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>样式</title>
<link rel="stylesheet" type="text/css" href="mystyle.css"></link>
<style type="text/css">
p{
color:aqua;
}
</style>
</head>
<body>
<h1 align="center">标题一</h1>
<p>welcome to beijing</p>
<a href="https://www.baidu.com" style="color:#FFAA02">点击进入百度</a>
</body>
</html>
效果展示
image.png
