无论是导入的CSS，还是你书写在头部style标签的CSS，都是基于选择器在运行。比如如下代码：
<style>.h5course {
color: #f00
}
</style>
<div>
<p>《HTML5布局之路》</p>
<p class="h5course">非字典式讲解方式，更容易掌握网站布局</p>
<p>推荐新手使用该书学习</p>
</div>
只有第二个p标签拥有类名h5course，也只有这个标签才会拥有红色的文字样式
CSS为了代码样式的方便设置，给出了各种各样的选择器，最基本的就包括id、标签名、类名（案例中使用的）、后代、子代、群组等选择器。通过选择器的控制，为不同标签设置不同样式。
如果是新手，比较推荐弄本书系统化的学习一下，能大大降低学习中的一些问题，当然不要选字典式的书籍
. 代表的是类名选择器，也就是说 introduce 是一个class 名字，{ } 花括号里面写的是用来控制含有 introduce 这个类名的标签的 css 的样式。例如：
<div class="box">test</div>
.box{ color:#f00} 就是用来设置 类名为：box 的 div 的 文本颜色为 红色。
用css样式设置元素的轮廓，其实就是为元素添加边框的意思
CSS样式代码当中，表示边框的代码是border，它是一个复合属性，包含边框的粗细、颜色、线型（实线、虚线、点线等），具体你可以查看这个样例：
<style>.h5course {
border: 1px solid red
}
</style>
<div class="h5course">使用CSS样式实现元素的轮廓（边框）添加</div>
代码含义为，为类名为h5course的元素，增加1像素红色边框
如果对选择器、边框（隶属于盒模型知识）不是太了解的话，建议选本书系统的学一学，如：《HTML5布局之路》《Head Frst HTML》等都是不错的选择
