三种将CSS添加到HTML中的方式

Cascading Style Sheets 通常称为CSS样式表或层叠样式表（级联样式表）
作用:为HTML标记语言提供了一种样式描述
即【设置HTML页面中的元素的位置、排版、样式外观等】 如文本内容（字体、大小、对齐方式等）、图片的外形（宽、高、边框）

外部样式表

• CSS保存在 后缀名为.css文件中
• 在HTML中里使用<link>引用

代码示例：

 <link rel="stylesheet" href="./css/style.css">

内部样式表

• 不使用外部css文件
• 将css放在HTML<style>里

代码示例：

   <style>
    p{
        font-size: small;
        font-family: 'Courier New', Courier, monospace;
     }
    </style>

 

内联样式

• 仅影响一个元素
• 在HTML元素的style属性中添加

代码示例：

<p style="text-indent: 16cm;">我来自中国</p>