<head>
<style type="text/css">
span{color:blue;}
</style>
</head>
<body>
<p>慕课网，<span>超酷的互联网</span>、IT技术免费学习平台，创新的网络一站式学习、实践体验；<span>服务及时贴心</span>，内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手！</p>
</body>
和
<head>
<style type="text/css">
.stress{color:blue;}
</style>
</head>
<body>
<p>慕课网，<span class="stress">超酷的互联网</span>、IT技术免费学习平台，创新的网络一站式学习、实践体验；<span class="stress">服务及时贴心</span>，内容专业、<span class="stress">有趣易学</span>。专注服务互联网工程师快速成为技术高手！</p>
</body>
效果是一样的吧，有区别吗？
效果是一样的 ，在短小的html 页面中 确实是没有什么分别 ，但是如果你的代码量达到一个非常庞大的数字(例如：10000行代码）的时候就会出现代码的冗余，或者当你的需求出现变更时累的选择器可以快速定位带你需要修改的地方，而嵌入式不能行。
就像看一本很厚的书，放个书签比折起来更容易找到你喜欢的章节。
效果一样，设计模式不同
效果是一样的呀~不过效果和使用思维不一样吧
效果是一样的，如楼上所说，类选择器提供了一个可供查找区分的名称，比较方便
一般的大型代码就是将css样式单独放在一个css文件里面，再引入进html文档，这样让代码更清晰易懂。
结果都是一样的。但是常用类选择器，增加代码的可读性。并且选择器的优先级遵从就近原则，以靠近元素的样式为准。