怎么在head区域引入css


本文摘自PHP中文网,作者青灯夜游,侵删。

引入方法:1、使用style标签引入,语法“<style>css代码</style> ”;2、使用link引入,语法“<link rel="stylesheet" type="text/css" href="css文件路径" />”。

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

在head区域引入css有两种方法:

  • 内部样式表--用style标签定义

  • 外部样式表--用link标签引入

1、内部样式表--用style标签定义

将css代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:

1

2

3

4

5

<head

<style type="text/css">

css代码

</style>

</head>

语法中,style标签一般位于head标签之后,也可以把它放在HTML文档中的任何地方。

css代码的一般格式:

1

2

3

4

5

css选择器{

  属性:值;

  属性:值;

  .....

}

2、外部样式表--用link标签引入

将所有的样式放在一个或多个以CSS为扩展名的外部样式表文件中,通过link标签将外部样式链接到HTML文档中,其基本语法格式如下:

1

<link rel="stylesheet" type="text/css" href="css文件路径" />

  • rel属性:定义当前文档与别链接文档之间的关系,"stylesheet"表示:被链接的文档是一个样式表文件

  • href属性:定义所链接的外部样式表文件的URL,可以是相对路径,也可以是绝对路径

(学习视频分享:css视频教程、html视频教程)

以上就是怎么在head区域引入css的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css盒子中的图如何居中

为什么把css文件放在头部

了解css中的关键字initial、inherit、unset、revert和all属性

html表单的属性

css如何获取图片的宽度

html的<script>标签如何使用

html如何让链接不变色

图文详解html页面中添加图片的三种方法

声明css有哪几种方式

html中行内元素与块级元素的区别是什么

更多相关阅读请进入《head》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...