<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS的引入</title>
<style type="text/css">
p{
width: 200px;
height: 100px;
background-color: red;
}
span{
display: block;
width: 300px;
height: 300px;
background-color: yellow;
}
</style>
</head>
<body>
<!--1、行间样式-->
<div style="width：300px;height: 100px;background-color: blue;"></div>
<!--2、头部引入-->
<p>你是一个p</p>
<span>span</span>
</body>
</html>
CCS的外部引入
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="MYCSS.css"/>
<title></title>
</head>
<body>
<div>来改变我的样式啊</div>
</body>
</html>
网友评论