外部样式表: 当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link>标签链接到样式表。<link>标签在(文档的)头部:<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。
内部样式表: 当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style>标签在文档头部定义内部样式表,就像这样:<head><style type="text/css">hr {color: sienna} p {margin-left: 20px}
内联样式: 由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。要使用内联样式,你需要在相关的标签内使用样式(style)属性。
据我个人经验看:行间样式就是可以在 所需的位置随时调整,比如说,要修改一个文字的颜色,那么修改该处的行间样式即可,也就是修改的位置即是要显示的位置,马上可以看到。还有一个优点是可以直接控制该标签或者元素,优先级最高,修改即生效,缺点:这样的样式只能一个一个来,不能互相套用(copy不算套用。)
内部样式就是写在顶部的本页内定义的样式,这个的好处在于可以方便的修改本页内统一定义的样式,比如定义一个class,页面内所有涉及位置都会随之改变,方便页内统一管理,同时当需要修改的时候不需要到某一个元素或者标签的位置,在顶部统一修改即可,缺点在于:这样的样式要使用好,不然互相的父子元素之间的套用关系优点复杂,另外,这个样式也仅仅是对本页有效。
外部样式就是在顶部从外部引入的样式,该样式的定义与内部样式一样,只是由外部的css文件定义而已,优点在于同样的样式不需要重写每一页的代码,只要有使用需求,只需要都引入该相同的外部样式文件即可,这样避免了每个网页重写一遍的麻烦。缺点在于:修改的时候要修改单独的文件,如果外部样式css文件管理不好,会造成,想修改一个页面的样式,影响了很多不需要修改的页面样式,同时,在修改某一页某个标签样式的时刻,在复杂的css文件中很不容易定位找到,也就是不能“想改它,就改它”,需要到外面“找到它,再改它,回去再看它”。
三个各有优势,很多人认为外部最好,个人建议还是根据需要混合使用,尽量通用的,不需要频繁更改的尽量使用外部样式,单一页面样式统一但与其他页面区别的,用内部样式作为外部样式的补充,对于内部和外部样式都不好按照你的愿望修改的,可以用行间样式强行修改。
希望我大答案让你满意。
样式的引用形式大致可分为以下四种:一、行间样式,即直接加在标签上的样式 例:<div style="width:50px"></div>
二、内联样式 即用<style></style>标签括起来写在页面中的样式
三、外联样式:即将样式单独放到一个文件夹中,然后用link标签引入页面的形式
四,导入样式,即将样式,按模块划分或其它的分法分别放在不同的css文件中,然后用@导入到其它样式中 。此方法建议不要用,因为效率不是特别高
前三种的优先级为: 行间 >内联 >外联