使用CSS控制页面
在对CSS简介（上篇博客）了解后，便希望使用CSS对页面进行全方位的控制。本篇博客主要介绍如何使用CSS控制页面，以及其控制页面的各种方法，包括行内样式、内嵌式、链接式和导入式。
行内样式
行内样式是所有样式方法中最为直接的一种，它直接对HTML的标记使用style属性然后将CSS代码直接写在其中。如图
其显示效果如下图所示，可以看到上面图中在3个<p>标记中都使用style属性，并且设置了不同的css样式，各个样式之间互不影响，都分别显示自己的样式。
行内样式是最为简单的CSS使用方法，但由于需要为每一个标记设置style属性，后期维护成本很高，而且网页体积容易过胖。因此不推荐使用
内嵌式
内嵌样式表就是将CSS写在<head>与</head>之间，并且用<style>和</style>标记进行声明，如下图所示
从图中看到，所有CSS的代码部分被集中在了同一个区域，方便了后期的维护，页面本身也大大瘦身。但是如果是一个网站，拥有很多的页面，对于不同页面上的<p>标记都希望采用同样的风格时，内嵌式的方法就显得略微麻烦，维护成本也不低，因此内嵌式的方法仅适用于对特殊页面设置单独的样式风格。
链接式
链接式CSS样式表是使用频率最高，也是最为实用的方法。它将HTML页面本身与CSS样式风格分离为两个或者多个文件。实现了页面结构（HTML框架）与表现（css美工）的完全分离，使得前期制作和后期维护都十分方便，网站后台的技术人员与美工设计者也可以很好地分工合作。对于同一个CSS文件可以链接到多个HTML文件中，乃至整个网站的所有页面中，使得网站整体风格统一、协调，并且后期维护的工作量也大大减少。如下图所示：
从上图中可以看到，文件1.css将所有代码从HTML文件3-7.html中分离出来，然后在3-7.html的<head>和</head>标记之间加上“<link href="1.css" type="text/css"rel="stylesheet">”语句，将css文件链接到页面中，对其中的标记进行样式控制，显示效果如图：
链接式样式表的最大优势就在与CSS代码与HTML代码完全分离，并且同一个CSS文件可以被不同的HTML所链接使用。因此在设计整个网站时，可以将所有页面都链接到同一个CSS文件，使用相同的样式风格。如果整个网站需要进行样式上的修改，就仅仅只需要修改这一个CSS文件即可。
导入样式
导入样式与链接样式表的功能基本相同，只是语法和运作方式略有区别，采用import方式导入的样式表，在HTML文件初始化时，会被导入到HTML文件内，作为其一部分，类似内嵌式的效果。而链接式样式表则是在HTML的标记需要格式是才以链接的方式引入。在HTML文件中导入样式表，常用的有如下几种@import语法，读者可以任意选择一种放在<style>和</style>标记之间如图
导入样式表如图:
在上面链接式图形中的代码基础上进行了修改，加入了<h3>的标记，前两行的效果与链接式效果图完全相同，可以在下图中看到新引入的<h3>的标记由于没有设置样式，所以保持着默认的风格。