The first: internal style sheet
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>寒假练习</title>
</head>
<body>
<div style="width:1000px; height:1000px; background-color:red; font-size:20px; text-align:center;">求索网工作室<div>
</body>
</html>
<!--
这是行间样式表 写在标签的style属性
属性名="属性值"
-->The second: the line between style sheets
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>寒假练习</title>
<style>
#div1{width:1000px;
height:1000px;
background-color:red;
font-size:20px;
text-align:center;
}
</style>
</head>
<body>
<div id="div1">求索网工作室<div>
</body>
</html>
<!--
这是内部样式表 写在页面内部，专门的style标签里
id="id名" #id名{} ！！！同一个页面ID不能重名的
-->Third: an external style sheet
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>寒假练习</title>
<link href="3.css" rel="stylesheet" />
</head>
<body>
<div id="div1">求索网工作室<div>
</body>
</html>
<!--
这是外部样式表 写在单独css里边，通过link引入当前页面
<link href="样式表的路径" rel="stylesheet" />
-->
css样式：#div1{width:1000px;
height:1000px;
background-color:red;
font-size:20px;
text-align:center;
}
In short, all three stylesheets can be. But Waibuyangshibiao more convenient and flexible, easy to change.
Create complex web of choice.
