用导入式或链接式为HTML引入CSS样式相对于行内式与嵌入式来说更加符合标准,结构与样式分离,易于后期维护。
“Times New Roman””>导入式和链接式的目的都是将一个独立的CSS “Times New Roman””>文件引入HTML “Times New Roman””>文件,二者的区别不大,但仍有一些细微的区别值得我们注意,这里介绍一下他们的区别,以及怎样更好的利用这两种方式为HTML mso-hansi-font-family:”Times New Roman””>文件添加样式。
“Times New Roman””>事实上二者的最大区别在于链接式使用HTML “Times New Roman””>的标记引入外部CSS “Times New Roman””>文件,蓝狮注册而使用导入式则是使用CSS “Times New Roman””>的规则引入外部CSS “Times New Roman””>文件。因此他们的语法不同。
“Times New Roman””>如果使用链接式,需要用如下语句引入外部CSS “Times New Roman””>文件:
“Times New Roman””>如果使用导入式,则需要使用如下语句:
“Times New Roman””>此外,采用这两种方式后的显示效果也略有不同。使用链接方式时,会在装载页面主体部分之前装载CSS mso-hansi-font-family:”Times New Roman””>文件,蓝狮官网这样显示出来的网页一开始就是带样式的,而使用导入式时,会在整个页面装载完成后再装载CSS mso-hansi-font-family:”Times New Roman””>文件,对于有的浏览器来说,在一些情况下,如果网页的文件比较大,则会出现先显示无样式的页面,闪烁一下后再出现设置样式后的效果,这是一个不好的体验。
“Times New Roman””>对于一个较大的网站,为了便于维护,可能希望把整个CSS “Times New Roman””>文件分类到多个CSS “Times New Roman””>文件中,如果使用链接式引入CSS “Times New Roman””>文件,就要使用多个link “Times New Roman””>语句,如果使用导入式就可以只引入一个总的CSS “Times New Roman””>文件,再在这个总的CSS “Times New Roman””>文件中导入其他分类的CSS “Times New Roman””>文件。
“Times New Roman””>综上,这个给出的用导入式和链接式为HTML “Times New Roman””>引入CSS 宋体;mso-ascii-font-family:”Times New Roman”;mso-hansi-font-family:”Times New Roman””>样式的建议是:如果仅需要引入一个CSS mso-hansi-font-family:”Times New Roman””>文件,那么使用链接方式,如果要引入多个CSS mso-hansi-font-family:”Times New Roman””>文件,则先用链接的方式引入一个总的CSS mso-hansi-font-family:”Times New Roman””>文件,再在这个总的CSS “Times New Roman””>文件中导入其他分类CSS “Times New Roman””>文件。
“Times New Roman”,”serif”;mso-fareast-font-family:宋体;mso-font-kerning:1.0pt;
mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA” lang=”EN-US”> mso-bidi-font-size:12.0pt;font-family:宋体;mso-ascii-font-family:”Times New Roman”;
mso-hansi-font-family:”Times New Roman”;mso-bidi-font-family:”Times New Roman”;
mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;
mso-bidi-language:AR-SA”>但需要注意的是,如果希望通过 mso-fareast-font-family:宋体;mso-font-kerning:1.0pt;mso-ansi-language:EN-US;
mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA” lang=”EN-US”>Javascript “Times New Roman”;mso-hansi-font-family:”Times New Roman”;mso-bidi-font-family:
“Times New Roman”;mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:
ZH-CN;mso-bidi-language:AR-SA”>来动态决定引入哪个 mso-fareast-font-family:宋体;mso-font-kerning:1.0pt;mso-ansi-language:EN-US;
mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA” lang=”EN-US”>CSS “Times New Roman”;mso-hansi-font-family:”Times New Roman”;mso-bidi-font-family:
“Times New Roman”;mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:
ZH-CN;mso-bidi-language:AR-SA”>文件,则必须要使用链接方式才能实现。
标签:css, html, 导入式, 链接式
0 Comments