CSS中内部样式表和外部样式表的区别
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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 style="color:red">helloworld></h1>
内部样式表与外部样式表区别：
内部样式和外部样式本质上没有什么区别，但是内部样式只供本页⾯使⽤，⽽外部样式可
以通过链接样式表的⽅式，可供多个页⾯使⽤，⽽且⽅便管理。
外部样式如果链接到多个页⾯
，浏览器只需加载⼀次，⽽且页⾯相同地⽅出错，只需修改外部样式，且只需修改⼀；如果以
内部样式的⽅式写到多个页⾯中，那每打开⼀个页⾯浏览器就要加载⼀次，占⽤流量，页⾯相
同地⽅出错，需⼀个⼀个页⾯修改，⼯作量⼤，⽐较烦琐，容易出错。
外部样式表⾥还可以链
接其它外部样式表。
注：三者的优先级为：内联样式>内部样式>外联样式。