在 html 头文件 < head></head > 中 CSS 怎么写? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
头文件 < head></head>
<head > 元素包含了所有的头部标签元素.
在 <head > 元素中你可以插入脚本 (scripts), 样式文件 (CSS), 及各种 meta 信息; 可以添加在头部区域的元素标签为:<title>,<style>,<meta>,<link>,<script>,<noscript>,<base>.
1, 内部样式表
内部样式表是将 CSS 的样式代码放在 HTML 文档 < head></head > 中的 < style></style > 标签中, 引入 CSS.
在 < style > 中有一个类型属性 type, 后面接 test/CSS, 表示 CSS 文本, 语法格式如下:
- <style type="text/css">
- /* 这里写 CSS 内容 */
- </style>
特点: 单个页面内的 CSS 代码具有统一性和规划性, 便于维护, 但是在多个页面之间容易混乱
示例如下:
效果图如下:
2, 外部样式表 (推荐)
外部样式表是使用 < link > 标签, 引入外部 CSS 文件; 通常 link 标签是写在网页的 < head></head > 之间的.
- <link>
- 里面的属性有 type,rel,href, 其中 type 固定为 text/CSS,rel(即样式表) 固定为 stylesheet,href
- 自然指的就是 CSS 文件的地址了, 语法格式为:
- <link type="text/css" rel="stylesheet" href="css 文件的存放地址">
示例代码如下:
web.CSS 内容为
效果如下
更多 Web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/html5/17625.html