怎么在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的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html页面底部多出很多空白部分是什么原因

js怎么设置css实现隐藏

html center标签怎么用

css如何去除inline-block元素间的间距?(多种方法)

html中自定义菜单随着滚动条滑动的代码实现

css text-indent属性怎么用

html中使用css的方法有哪几种

html的width是什么意思

html form标签的action属性是什么意思?又有哪些用法?(附实例)

html获取javascript变量值的方法有哪些

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




打赏

取消

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

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

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

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

评论

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