在HTML中有哪些引用CSS的方式


小编给大家分享一下在HTML中有哪些引用CSS的方式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
  在HTML中,引入CSS的方法主要有行内式、内嵌式、导入式和链接式
  行内式:即在标记的style属性中设定CSS样式,这种方式本质上没有体现出CSS的优势,因此不推荐使用
  例:
  
  
  
  
  
  
     ThisisalineofText.
  
  
  
  嵌入式:嵌入式则将对页面中各种元素的设置集中写在
  例:
  
  
  
  
     h2{
  color:white;
  background-color:boue;
  }
  
  
  
  
  
  
  
  导入式与链接式:导入式和链接式的目的都是将一个独立的CSS文件引入HTML文件,二者有相应的区别。
  事实上,二者最大的区别在于链接式使用HTML的标记引入外部CSS免费云主机域名文件,而使用导入式则是使用CSS的规则引入外部CSS文件。因此它们的语法也不同。
  如果使用链接式,需要使用如下语句引入外部CSS文件。
     如果使用导入式,则需要使用如下语句。
     @import”mystyle.css”;
  
  此外,采用这两种方式后的显示效果也略有区别。使用链接方式时,会在装置页面主体部分之前装载CSS文件,这样显示出来的网页从一开始就是带有样式的效果,而使用导入式时,会在整个页面装载完成后再装载CSS文件,对于有的浏览器来说,在一些情况下,如果网页文件的体积比较大,则会出现先显示无样式的页面,闪烁一下之后再出现样式设置后的效果。从浏览者的感受来说,这是使用导入式的一个缺陷。对于一些比较大的网站,为了便于维护,可能会希望把所有的CSS样式分类别放到几个CSS文件中,这样如果使用链接式引入,就需要几个语句分别导入CSS文件。如果要调整CSS文件的分类,就需要同时调整HTML文件。这对于维护工作来说,是一个缺陷。如果使用导入式,则可以只引进一个总的CSS文件,在这个文件中再导入其他独立的CSS文件;而链接式则不具备这个特征。
  因此这里给大家的一个建议是,如果需要引入一个CSS文件,则使用链接方式;如果需要引入多个CSS文件,则首先用链接方式引入一个“目录”CSS文件,这个“目录”CSS文件中再使用导入式引入其他CSS文件。
  如果希望通过JavaScript来动态决定引入哪个CSS文件,则必须使用链接方式才能实现。

以上是“在HTML中有哪些引用CSS的方式”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: Java注解怎么自定义和使用

这篇文章主要介绍了Java注解怎么自定义和使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Java注解怎么自定义和使用文章都会有所收获,下面我们一起来看看吧。注解叫元数据,一种代码级别的说明,它是JDK1.5及以后版本引入的一个…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 10/14 08:32
下一篇 10/14 08:32

相关推荐