一、样式表的分类
1、内联样式表
定义： 控制精确，但是可重用性差，是写在标签里面的。
例如：<p stye="200px; height:230px; background-color:颜色； border: solid 2px 颜色; dashed> </p>
solid:实线 dashed:虚线
2、内嵌：
定义：作为一个独立区域内嵌在网页里面，必须写在head标签里面
例如：<style type="text/css">
*{ margin:0px;（是边框与网页的边距）
padding:0px;（是边框与内容的边距）
}
</style>
3、外嵌：
定义1、：在head里面写上<link href="css/ysb.css" rel="stylesheet"/>
2、 在HTML文件中点右键--CSS样式--附加样式表。
优先级：内联最高，要写到最后。
二、选择器
1、标签选择器
用标签名做选择。
例如：<p> <div> <span>等 ...都可以用标签名来做选择器。
2、class选择器，都是用“.”开头。
<head>
<style type="texr/css">
.a{
样式
}
</style>
<body>
<div class="a">
做个方格
</div>
</body>
3、id选择器。以“#”开头
<head>
<style type="texr/css">
#b{
text-align:center;(水平居中)
vertical-align:middle;( 垂直居中)
line-height:30px;(行高)
}
</style>
<body>
<div class="b">
内容
</div>
</body>
上面的3个样式表写在一起的时候，就会出现 垂直居中 水平居中 ，少一个也不行