15.9.3　链接CSS文件到HTML页面中

在网页文件中链接新建好的CSS文件。对于外部链接，是在＜html＞和＜body＞之间用＜link＞标记，代码15.1表示已加入外部链接的网页源码。

代码15.1　源代码\第15章\CSS基础.html

———————————————文件名：CSS基础.html——————————————-

01 ＜html＞

02 ＜head＞

03 ＜meta http-equiv="Content-Type"content="text/html；charset=utf-8"/＞

04 ＜title＞CSS基础＜/title＞

05 ＜link type="text/css"rel="stylesheet"href="style4.css"＞

06 ＜/head＞

07 ＜body＞

08 ＜div class="mydiv"＞这里是一个层，从CSS中定义了宽、高和边框＜/div＞

09 ＜/body＞

10 ＜/html＞

【代码解析】在Aptana中，每新建一个网页，系统都会自动加载好网页基本标签，但对英文版的工具来说，默认的字体设置为如下代码。

＜meta http-equiv="Content-Type"content="text/html；charset=iso-8859-1"/＞

以上代码是iso-8859-1的，对于中文简体文字出现的则是乱码，所以要设置charset为utf-8（代码第3行），完成后如下。

＜meta http-equiv="Content-Type"content="text/html；charset=utf-8"/＞

这样才可以正常显示中文，在代码15.1中。在＜title＞＜/title＞下面插入了外部链接，下面语句是外部链接CSS的。

＜link type="text/css"rel="stylesheet"href="style4.css"＞

在代码15.1中，在HTML页面用标记＜link＞把外部的CSS文件引入到本页面中，而且可以在外部的CSS文件中控制本页面中的HTML标记，如设置DIV的选择符后，即可在CSS中控制，显示出来的效果如图15.9所示。

图　15.9　用CSS控制HMTL内容