html引用css文件的方法

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

创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、网站设计、外贸网站建设、内丘网络推广、小程序开发、内丘网络营销、内丘企业策划、内丘品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供内丘建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

引用css文件的方法:1、使用“”语句;2、在style标签中使用“@import url("css文件路径");”语句。

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

CSS代码保存在扩展名为.css的样式表中

HTML文件引用扩展名为.css的样式表(外联CSS),有两种方式:链接式、导入式。

语法:

1、链接式

2、导入式


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

例如:




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


     
             
  1. 1111
  2.          
  3. 2222
  4.      

链接式和导入式的区别

1、属于XHTML

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

@import

1、属于CSS2.1

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

外联CSS的优点:

1、HTML页面的大小更小,结构更清晰。

2、加载速度更快。

3、相同的.css文件可以在多个页面上使用。

外联CSS的缺点:

1、在加载外部CSS之前,页面可能无法正确呈现。

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


新闻标题:html引用css文件的方法
文章路径:http://scyanting.com/article/ghescj.html