
内联样式写在body里。(div在body里)
内部样式的那个<style>写在head里。
一般用外部样式,即在自己new一个css文件,在里面添加样式,然后在head里去添加link属性,导入css文件就可以
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="../css/demo.css" rel="stylesheet">
</head>
css选择器:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
<!--
元素选择器div
id选择器,只需要#加上id值就可以了。这个id是唯一的 id-#
类选择器.class class- .
-->
div{
color:red;
}
#name{
color:blue;
}
.cls{
color:yellow;
}
</style>
</head>
<body>
<div >he</div>
<div id="name">she</div>
<div class="cls">it</div>
</body>
</html>
后代选择器:在一组元素里选择特定的元素
例子:选择pattern class里的li里一个class为hi的选项,为红色
html:

css:

效果:

当鼠标经过按钮的时候,按钮颜色会变:
css:

html:

具体看W3 :CSS 背景 (w3school.com.cn)
浙公网安备 33010602011771号