CSS中内部样式表和外部样式表的区别  由于最近才学习CSS,所以以下是⼀些简单的东西给⼤家分享⼀下
什么是外部样式?内联样式?内部样式表?
  外部样式表:
  当样式需要应⽤于很多页⾯时,外部样式表将是理想的选择。在使⽤外部样式表的情况
你可以通过改变⼀个⽂件来改变整个站点的外观。每个页⾯使⽤ <link> 标签链接到样式表
,其书写格式为<link rel="stylesheet"type="text/css"href="xxx.css"
  内部样式表:
  当单个⽂档需要特殊的样式时,就应该使⽤内部样式表。你可以使⽤ <style> 标签在⽂
档头部定义内部样式表,就像这样:
<head>
<style type="text/css">
h1 {color: sienna;}
body{background-color:black}
</style>
</head>
  内联样式表:
  由于要将表现和内容混杂在⼀起,内联样式会损失掉样式表的许多优势。请慎⽤这种⽅法
,例如当样式仅需要在⼀个元素上应⽤⼀次时。要使⽤内联样式,你需要在相关的标签内使⽤
样式(style)属性。
<h1 >helloworld></h1>
  内部样式表与外部样式表区别:
  内部样式和外部样式本质上没有什么区别,但是内部样式只供本页⾯使⽤,⽽外部样式可
以通过链接样式表的⽅式,可供多个页⾯使⽤,⽽且⽅便管理。外部样式如果链接到多个页⾯css样式表优先级最高
,浏览器只需加载⼀次,⽽且页⾯相同地⽅出错,只需修改外部样式,且只需修改⼀;如果以
内部样式的⽅式写到多个页⾯中,那每打开⼀个页⾯浏览器就要加载⼀次,占⽤流量,页⾯相
同地⽅出错,需⼀个⼀个页⾯修改,⼯作量⼤,⽐较烦琐,容易出错。外部样式表⾥还可以链
接其它外部样式表。
  注:三者的优先级为:内联样式>内部样式>外联样式。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。