阅读(720) (23)

CSS链接样式

2016-09-24 17:05:45 更新

链接样式很好地将“页面内容”和“样式风格代码”分离成两个或多个文件,实现了页面框架HTML代码和CSS代码的分离,使前期制作和后期维护都十分方便。同一个CSS文件,根据需要可以链接到网站中所有的HTML页面上,使得网站整体风格统一、协调,并且后期维护的工作量也大大减少。


链接样式是指在外部定义CSS样式表并形成以.CSS为扩展名文件,然后在页面中通过<link>链接标记链接到页面中,而且该链接语句必须放在页面的<head>标记区,代码如下:

CSS链接样式


CSS样式


(3)按【F12】键运行,结果如下所示:

CSS运行结果

注意:其实链接式就是把嵌入式中的样式文件单独分离出来,形成一个样式表文件进行存储。由于链接式在减少代码书写和减少维护工作方面都非常突出,所以链接式是最常用的一种方法。另外,链接式也可以在一个页面中链接多个文件。