1、行内样式（内嵌样式），使用style属性直接把CSS代码添加到HTML的标记中。
2、内部样式（内联样式），把css样式写在style标签中。
3、外部样式（外联样式），将css样式写在一个单独的“.css”文件内。所以共享样式不属于css样式种类。
方法1：用css的属性选择器。
div[class^="aa"] {background-color:#d6d6d6
height: 50px
} <div class="aa1">1</div>
<div class="aa2">2</div>
<div class="aa3">3</div>
方法2：用空格分隔多个class
.aa {background-color:#d6d6d6
height: 50px
} <div class="aa aa1">1</div>
<div class="aa aa2">2</div>
<div class="aa aa3">3</div>
首先将css写入一个单独的样式文件，比如style.css，然后在所有需要此样式的页面导入此样式
如楼上的说法：<link rel="stylesheet" type="text/css" href="mystyle.css">
现在很多网站为了让页面基本样式风格统一，都会创建一个默认的样式表，这个样式表会在所有页面载入，相当于页面初始化样式的意思，先导入默认样式表，然后每个页面再根据自身的不同导入自身独特的样式
