html中css文件怎么写,HTML 头文件中 CSS 怎么写?

HTML 头文件中 CSS 怎么写?

在 html 头文件 < head> 中 CSS 怎么写? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.

ab7653affab982b574eb7acc55df2e04.gif

头文件 < head>

元素中你可以插入脚本 (scripts), 样式文件 (CSS), 及各种 meta 信息; 可以添加在头部区域的元素标签为:, 标签中, 引入 CSS.

在 < style > 中有一个类型属性 type, 后面接 test/CSS, 表示 CSS 文本, 语法格式如下:

/* 这里写 CSS 内容 */

特点: 单个页面内的 CSS 代码具有统一性和规划性, 便于维护, 但是在多个页面之间容易混乱

示例如下:

ab7653affab982b574eb7acc55df2e04.gif

效果图如下:

ab7653affab982b574eb7acc55df2e04.gif

2, 外部样式表 (推荐)

外部样式表是使用 < link > 标签, 引入外部 CSS 文件; 通常 link 标签是写在网页的 < head> 之间的.

里面的属性有 type,rel,href, 其中 type 固定为 text/CSS,rel(即样式表) 固定为 stylesheet,href

自然指的就是 CSS 文件的地址了, 语法格式为:

示例代码如下:

ab7653affab982b574eb7acc55df2e04.gif

web.CSS 内容为

ab7653affab982b574eb7acc55df2e04.gif

效果如下

ab7653affab982b574eb7acc55df2e04.gif

更多 Web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!

来源: http://www.css88.com/qa/html5/17625.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值