html头文件中css怎么写?

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

头文件<head></head>

<head>元素包含了所有的头部标签元素。

在 <head>元素中你可以插入脚本(scripts),样式文件(CSS),及各种meta信息;可以添加在头部区域的元素标签为:<title>,<style>,<meta>,<link>,<script>,<noscript>,<base>。

【推荐:html手册

html头文件中css怎么写?

1、内部样式表

内部样式表是将css的样式代码放在html文档<head></head>中的<style></style>标签中,引入css。

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

<style type="text/css">
   /*这里写CSS内容*/
</style>

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

示例如下:

1.png

效果图如下:

2.png

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文件的存放地址">

示例代码如下:

3.png

web.css内容为

4.png

效果如下

5.png

更多web前端知识,请查阅 HTML中文网 !!

以上就是html头文件中css怎么写?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏