freeCodeCamp（第一天）

【声明：】本文是作者（蘑菇v5）原创，版权归作者 蘑菇v5所有，侵权必究。本文首发在简书。如若转发，请注明作者和来源地址！未经授权，严禁私自转载！

元素选择器

• 内联样式：

<h2 style="color: red">CatPhotoApp</h2>

• 层叠样式（css）：

<style>
  选择器 {属性名称: 属性值;}
  h2 {color: red;}
</style>

元素选择器样式效果

类选择器

• 类样式：

<style>
  .blue-text {
    color: blue;
  }
</style>

• 应用类选择器：

<h2 class="blue-text">hello web</h2>

> 注意：在CSS中，类选择器应该添加.为前缀。而在HTML中，class属性不能添加.为前缀。这是因为在CSS中如果类选择器前不添加. 浏览器就会误认为类选择器是一个元素选择器。

![类选择器样式效果](http://upload-images.jianshu.io/upload_images/2658915-2a0133dfd7834516.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)