四川盐亭网站制作公司

HTML如何调用css文件

这篇文章主要介绍了HTML如何调用css文件，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

10年积累的成都做网站、网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有二道免费网站建设让你可以放心的选择与我们合作。

css的三种引入方式

1.行内样式，最直接最简单的一种，直接对HTML标签使用style=""。2.内嵌样式，就是将CSS代码写在之间，并且用

进行声明。3.外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上

就可以了。其次就是导入样式，导入样式和链接样式比较相似，采用@import样式导入CSS样式表，不建议使用。

调用方法：1、在文档head部分，使用“”语句调用；2、在style标签内，使用“@import url("文件路径")”语句调用。

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

CSS样式的引入方式共有三种：行内样式、内部样式表、外部样式表。其中，外部样式表就是一个包含css样式的.css文件。

那么在HTML中怎么调用外部css文件？有两种方式：链接式、导入式。

语法：

1、链接式

2、导入式


  @import url("css文件路径");

例如：




  
  外部样式表
  
   
  
  
    @import url("css/style.css");
  


     
    
         
  1. 1111
    2. 
         
  2. 2222
    3. 
     

链接式和导入式的区别

1、属于XHTML

2、优先加载CSS文件到页面

@import

1、属于CSS2.1

2、先加载HTML结构在加载CSS文件。

感谢你能够认真阅读完这篇文章，希望小编分享的“HTML如何调用css文件”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!


本文名称：HTML如何调用css文件
文章出自：http://scyanting.com/article/jjjpij.html

其他资讯