怎么在head区域引入css

本篇内容介绍了“怎么在head区域引入css”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联建站网站建设公司一直秉承“诚信做人,踏实做事”的原则,不欺瞒客户,是我们最起码的底线! 以服务为基础,以质量求生存,以技术求发展,成交一个客户多一个朋友!专注中小微企业官网定制,网站制作、网站设计,塑造企业网络形象打造互联网企业效应。

引入方法:1、使用style标签引入,语法“ ”;2、使用link引入,语法“”。

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

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

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

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

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

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

  
 
css代码
 

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

css代码的一般格式:

css选择器{ 
  属性:值;
  属性:值;
  .....
}

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

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

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

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

“怎么在head区域引入css”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


标题名称:怎么在head区域引入css
文章链接:http://pwwzsj.com/article/ieojpd.html