CSS中内部样式表和外部样式表的区别

  由于最近才学习CSS,所以以下是一些简单的东西给大家分享一下

什么是外部样式?内联样式?内部样式表?

     外部样式表:

  当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况
你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表
,其书写格式为
  内部样式表:
  当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用  


  内联样式表:
  
  由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法
,例如当样式仅需要在一个元素上应用一次时。要使用内联样式,你需要在相关的标签内使用
样式(style)属性。

helloworld>



  内部样式表与外部样式表区别:

  内部样式和外部样式本质上没有什么区别,但是内部样式只供本页面使用,而外部样式可
以通过链接样式表的方式,可供多个页面使用,而且方便管理。外部样式如果链接到多个页面
,浏览器只需加载一次,而且页面相同地方出错,只需修改外部样式,且只需修改一;如果以
内部样式的方式写到多个页面中,那每打开一个页面浏览器就要加载一次,占用流量,页面相
同地方出错,需一个一个页面修改,工作量大,比较烦琐,容易出错。外部样式表里还可以链
接其它外部样式表。

  注:三者的优先级为:内联样式>内部样式>外联样式


转载于:https://www.cnblogs.com/jimmywande/p/7787911.html

你可能感兴趣的:(CSS中内部样式表和外部样式表的区别)