1、HTML的样式
1)、标签:
<style>:样式定义
<link>:资源引用
2)、属性
rel="stylesheet":外部样式表
type="text/css":引用文档的类型
margin-left:边距
2、三种样式表插入方法:
外部样式表:
<link rel="stylesheet" type="text/css" href="mystyle.css">
内部样式表:
<style type="text/css">
body{background-color:red}
p{margin-left:20px}
</style>
内联样式表:
<p style="color:red">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="style.css" ><!--外部样式表的设定,这里可以通过连接css的设定来规定某些-->
<!--标记的属性-->
-
h3{ color:chocolate; } <!--这是用css样式设置的属性-->
<style>
p{
color: coral;
}
</style> <!--内部样式表的设定-->
</head>
<body>
<p>
WHY THE LIBRARY DONT OPEN THE LIGHT!
</p>
<a href="https://www.bilibili.com/" style="color: darkgreen">点击跳转B站!!!</a> <!--内联样式表的设定-->
<br/>
<a name="jk">ok</a> <!--可以通过name实现跳转,在一个页面内点击某个特殊的name可以跳转的指定的位置-->
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/>
<a href="#jk">dddd</a>
</body>
</html>
ok这一个已经通过name设定为了jk,可以通过下面的dddd的链接跳转