css 样式嵌入方式与优缺点析

PHPABC CSS 2,129 次浏览 , , , 没有评论

方式一:内联样式(inline style)

方法:用name:value或property:value方式声明。

优点:

适用于新手。

有利于简单测试,效果立竿见影。

缺点:

会将html的表现信息变得复杂。

过于冗长,不利于后期的修复。

方式二:内嵌样式(embedded style)

方法:将所有样式定义放在一起,作为元素的一部分,位于文档的头部。

优点:

优于内联方式,一次可以修改一个元素的所有实例。

缺点:

使得html文档变大。

样式随着每个网页的加载而重复下载。

方式三:外部样式(external style)

方法:通过改变一个样式表来改变任意多个网页。

优点:

仅需考虑一个外部样式,而非标记

被访问后即被浏览器缓存,而无需再次下载

标记中不包换表现信息,文件较小

缺点:

由于某种原因,无法获取外部css文件,导致html页面没有样式

方式四:导入(import)

方法:通过@import规则来包括表现信息是web标准灵活性的主要表现。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go