189 8069 5689
head 标签用于定义文档的头部，它是所有头部元素的容器。head 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
在剑川等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计、成都做网站 网站设计制作按需策划设计,公司网站建设,企业网站建设,品牌网站制作,成都全网营销推广,外贸网站建设,剑川网站建设费用合理。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
/li
lihttp-equiv 属性：可选属性。http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。使用带有 http-equiv 属性的 meta 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。示例如下：
这样发送到浏览器的头部就会包含：
http-equiv 属性的值为：content-type，expires，refresh，set-cookie。示例如下：
/li
/ul
3.link标签：link 标签定义文档与外部资源的关系。link 标签最常见的用途是链接样式表。只能存在于 head 部分，可出现任何次数。
4.script标签：script 标签用于定义客户端脚本，比如 JavaScript。
script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
5.style标签：style 标签用于为 HTML 文档定义样式信息。
在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
6.base标签：base 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 base 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 a、img、link、form 标签中的 URL。
外部样式表: 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样式表。link 标签在（文档的）头部：head link rel="stylesheet" type="text/css" href="mystyle.css" / /head浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。
内部样式表: 当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 style 标签在文档头部定义内部样式表，就像这样:head style type="text/css" hr {color: sienna;} p {margin-left: 20px;}
内联样式: 由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。要使用内联样式，你需要在相关的标签内使用样式（style）属性。
在html网页中引入引入css主要有以下四种方式：
（1）行内式
网页中css的导入方式
（2）嵌入式
嵌入式一般写在head中，对于单个页面来说，这种方式很方便。
（3）导入式
!-- 导入外部样式：在内部样式表的标记之间导入一个外部样式表，导入时用@import。 --
（4）链接式
导入式和链接式差不多，都是从外部引入css文件。但是链接式对于客户端用户浏览网站时，效果会好些。
在网站的head头部中加入link标签即可引入，如下：
head
meta charset="UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1"
title用户鉴权认证中心/title
meta name="keywords" content="" /
meta name="description" content="" /
link rel="stylesheet" type="text/css" href="/static/vendor/bootstrap/css/bootstrap.min.css"
link rel="stylesheet" type="text/css" href="/static/fonts/font-awesome-4.7.0/css/font-awesome.min.css"
link rel="stylesheet" type="text/css" href="/static/fonts/iconic/css/material-design-iconic-font.min.css"
link rel="stylesheet" type="text/css" href="/static/css/util.css"
link rel="stylesheet" type="text/css" href="/static/css/main.css"
/head
方法如下：
1、直接在div中使用css样式制作div+css网页
2、html中使用style自带式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推荐此方法
解html引用css方法的例子
1、直接在html标签元素内嵌入css样式，如div style="font-size:14px; color:#FF0000;"我是div css测试内容-支持/div 效果如下图
2、在html头部head部分内style声明插入代码如下：
style type="text/css"
!--
.ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/
--
/style
具体方法如下图：
3、使用@import引用外部CSS文件方法
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
html xmlns="
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titlecss引用方法实例-测试实例/title
style type="text/css"
!--
@import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/
--
/style
/head
body
div class="ceshi"我是div css测试内容支持/div
/body
/html
Wcss.css文件内代码.ceshi {font-size:14px; color:#FF0000;}
效果如下图：
可以看出使用此方法和使用自带式引用css样式表方法有相同处，都是需要在html的head内使用style标签引用外部css。