CSS与HTML的链接方式 - 页面布局

CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式，CSS控制HTML内标签显示不同布局样式。控制对应html标签颜色、字体大小、字体、宽度、高度、浮动等样式。

当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化

那么CSS连接html的方式有：

一、内联样式

当特殊的样式需要应用到个别元素时，就可以使用内联样式。直接在标签里写入对这个标签的css控制

<h1 style="color:red;">HTML标签中设置的样式</h1>

二、内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。style标签写在head标签中。

<head>
   <style type="text/css">
      h3{
            color:red;
         }
   </style>
</head>

三、外部样式表
当样式需要被应用到很多页面的时候,可以选择这种方式，CSS代码保存在扩展名为.css的样式表中
有两种方式：链接式、导入式。
1、链接式

<link type="text/css" rel="styleSheet"  href="CSS.css" />

2、导入式

<style type="text/css">
  @import url("文件名.css");
</style>