外链css是指将CSS样式定义在一个“.css”格式的文件中，接着使用HTML的link标签将该css文件链接到HTML文档中。外链式css会在网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会像导入式那样先显示无样式的网页，然后再显示有样式的网页。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

外链css是指使用HTML的link标签将css文件链接到HTML文档中。

CSS文件一般叫CSS外部样式表，是用于放置CSS代码的文本文件，而CSS代码具有一定规律规则的文本代码组成。我们使用记事本将扩展名更改即可变成CSS文件。

css文件是以.css为后缀名的，我们看到以.css为后缀的文件就是css文件。

立即学习“前端免费学习笔记（深入）”；

link标签需要放在页面的

链接式会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会象导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点。

下面通过具体的示例来演示一下。

首先，需要定义一个 .css 格式的样式文件（例如 style.css），如下所示：

body {
    background-color: linen;
}
h1 {
    color: maroon;
    margin-left: 40px;
}

然后我们在 HTML 文档中引入这个 style.css 文件，如下所示：

    
        
      
    
	
PHP中文网
	
https://www.php.cn/
    

对link标签各个属性的说明：

• href 属性设置外部样式表文件的地址，可以是相对地址，也可以是绝对地址。

• rel 属性定义关联的文档，这里表示关联的是样式表。

  

  全诚商城生成HTML多用户版

  1、什么是店中店？店中店是全诚商多用户版的一大特色，它既是独立的个体，又具有群集功能。我们做个例子说明：假设尊贵的您现实生活中租赁了一个店面，店面空间很大，您可以把您的店面分割成很多独立空间再向别人转租，这样您可以额外获得一部分租赁费用收入，借以减少你的个人租赁费用投入，还能起到活跃销售场所的气氛，俗话说：货卖一堆吗。你租赁的店面可以完全分割成很多空间向外转租，也可以自己保留一块空间为自己销售商品

  下载

• type 属性定义导入文件的类型，同 style 元素一样，text/css表明为 CSS 文本文件。

一般在定义 标签时，应定义 3 个基本属性，其中 href 是必须设置属性。

也可以在 link 元素中添加 title 属性，设置可选样式表的标题，即当一个网页文档导入了多个样式表后，可以通过 title 属性值选择所要应用的样式表文件。

提示：在 Firefox 浏览器中可以在菜单中选择“查看 --> 页面样式”选项，然后在子菜单中会显示 title 属性值，只需选择不同的 title 属性值，可以有选择地应用需要的样式表文件。IE 浏览器不支持该功能。

另外，title 属性与 rel 属性存在联系，按 W3C 组织的计划，未来的网页文档会使用多个 元素导入不同的外部文件，如样式表文件、脚本文件、主题文件，甚至可以包括个人自定义的其他补充文件。导入这么多不同类型、名称各异的文件后，可以使用 title 属性进行选择，这时 rel 属性的作用就显现出来了，它可以指定网页文件初始显示时应用的导入文件类型，目前只能关联 CSS 样式表类型。

说明：

引入CSS外部样式表除了使用link标签，还可@import。

外链式（link）与导入式（@import）的区别：

• link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；而@import属于CSS范畴，只能加载CSS；

• link引用CSS时，在页面载入时同时加载；而@import需要页面网页完全载入以后加载。

• link是XHTML标签，无兼容问题；而@import是在CSS2.1提出的，低版本的浏览器不支持。

• ink支持使用Javascript控制DOM去改变样式；而@import不支持。

• @import可以在CSS文件中再次引入其他样式表；而link不支持。

（学习视频分享：web前端）