内联样式写在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)