css3样式表引入——学习笔记7

行内样式表（行内式）

内部样式表（内嵌样式表）是写到html页面内部. 是将所有的 CSS 代码抽取出来，单独放到一个<style>标签中。

<style> 
    div { 
      color: red; 
      font-size: 12px; 
    } 
 </style> 

内部样式表（嵌入式）

行内样式表（内联样式表）是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式.

<div style="color: red; font-size: 12px;">青春不常在，抓紧谈恋爱</div> 

外部样式表（链接式）

这是最常用的，完全实现了结构样式分离
引入外部样式表分为两步：

• 新建一个后缀名为 .css 的样式文件，把所有 CSS 代码都放入此文件中。
• 在 HTML 页面中，使用 标签引入这个文件。

 <link rel="stylesheet"  href="css文件路径"> 

总结