1 <body> 2 <div style="background-color:chartreuse;width: 100px;height: 100px" >div1</div> 3 <!-- 第一种CSS样式，直接把style属性加在标签上-->
4 </body>
1 <div id="i2">div2</div> 2 <!-- 第二种CSS样式，用id属性标识标签，然后在head标签中写style标签，在style标签中通过id选择器来选中标签-->
1 <head> 2 <meta charset="UTF-8"> 3 <title>Title</title> 4 <style> 5 #i2{ 6 background-color: #1d9d74; 7 width: 50px; 8 height: 50px; 9 } 10 </style> 11 <!-- 在head标签中写style标签，在style标签中通过id选择器来选中标签，再添加样式-->
12 <head>
1 <head> 2 <link rel="stylesheet" href="demo.css"> 3 <!-- 第三种CSS样式，在head中写link标签，rel=样式表，href=css的文件名，引入css文件--> 4 </head>
css中格式：
1 #i3{ 2 background-color:sandybrown; 3 width: 100px; 4 height: 100px; 5 }
以标签为基础，由标签内部由近及远
1，id选择器
1 <head> 2 <style> 3 #i1{ 4 background-color: #8A9B0F; 5 } 6 </style> 7 </head> 8 <body> 9 <div id="i1">div1</div> 10 </body>
原文：https://www.cnblogs.com/beautyl/p/12295947.html
