1、css样式表：
<span style="color:red;">
<h2 style="</h2>
</span>
2、选择器：
<style type="text/css"> /*标签选择器
div{300px;
height:100px;
font-family:"楷体";
font-size:50px;
} /*所有div都遵循
</style>
class选择器
.pp{
background-color:green;
border:1px soild red dashed; /*边框颜色 实线虚线
}
.pp2{
font-size:100px;
}
<p class="pp pp2"></p>
id选择器：
#div{
500px;
}
<div id="div1">ttl</div>
引用CSS文件：
<link rel="stylesheet" type="text/css" href="css/style.css" />
css里不需要写<style type="text/css">
子代选择器：
.pp td{
border:1px black solid;
}
并列选择器：
#div1,.pp{
color:greenyellow;
}
点筛选：
div.div1{
font-size:100px;
}
*{
} /*全选
3、引用：
<link rel="stylesheet" type="text/css" href="来源"></link>
background-image:url(img/img.jpg);
background-size： /*背景太小 重复，改大小
background-repeat:no-repeat; /*不重复
background-repeat:round; /*全铺
background-position:bottom right; /*位置
background-attachment：local; /*图片滚动
overflow：scroll； /*溢出的文字滚动，背景图不动
5、字体
font-style:italic; /*倾斜
font-weight:bold; /*加粗
font-family：楷体; /*字体
font-size:2px; /*大小
text-decoration:underline /*下划线
*{
margin:0px; /*内边距
padding:0px; /*外边距
}
对齐方式：
text-align:center; /*水平方向居中
line-height:40px; /*垂直方向居中
text-indent:10px; /*缩进
6、有序表
<ol>
<li></li>
<li></li>
<li></li>
</ol>
无序表
<ul style="circle">
<li></li>
<li></li>
<li></li>
</ul>