1.css内部样式的创建
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css内部样式的创建</title>
<style type="text/css">
p{
/*设置字体颜色*/
color:red;
/*设置字体大小*/
font-size: 40px;
}
h1{
color:yellow;
font-size: 60px;
}
</style>
</head>
<body>
<h1>Welcome!!!</h1>
<p>Endless pursuit of my own footsteps.</p>
</body>
</html>
2.css外部样式的创建
3.html如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>外部样式的创建</title>
<link rel="stylesheet" type="text/css" href="./3.css">
</head>
<body>
<h1>Welcome!!!</h1>
<p>Endless pursuit of my own footsteps.</p>
</body>
</html>
3.css如下:
h1{
color:red;
font-size:70px;
}
p{
color:pink;
font-size:50px;
}