1.行间样式：在div标签里面加属性style=" ",这样就告诉浏览器这里面要用到我们加的css.
2.页面级引入：在head里面加style标签，里面加css.
<style type="text/css">
div{
width:100px;
height:200px;
backgrouand-color:green;
}
</style>(其中type属性可加可不加)
3.外部css文件：新建一个文件，然后保存，后缀名加.css。这个里面编写css代码。
div{
border-radius:50%;
width:100px;
height:200px;
backgrouand-color:green;
}
我们可以在我们的代码里引用这个文件：在head里面加入link标签并生成，之后会有个href=" ",这个里面就是放路径的，我们的文件和要引用的外部css文件应当注意是相对路径还是绝对路径，把路径加进去即可。
4.id选择器：在div里面加入id=“”，id是唯一的。#后面接id名{里面加css选择器}。比如前面id=“demo”,我们的css可以写在#demo{
border-radius:50%;
width:100px;
height:200px;
backgrouand-color:green;}。
5.class选择器，和id的区别就是class对应的东西可以同时多个，比如class="demo demo1"，但是id只能对应唯一的一个。
6.标签选择器：加入你写的css在div标签里面，引用的话，所有含div的东西都会加入这个css。不管被套了多少层，还是会引入这个css。
7.通配符*{}里面写css，则所有东西都会选择加入这个css.
8.比较优先级：!important(加在css代码后)>行间样式>id>class|属性>标签选择器>通配符
css权重：！important=infinity
行间样式=1000
id=100
class|属性=10
标签选择器=1
通配符=0（全部为256进制）
