今天小编跟大家讲解下有关CSS教程：CSS放入网页的几种方式 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS教程：CSS放入网页的几种方式 的相关资料，希望小伙伴们看了有所帮助。
上一篇介绍了CSS语法我们可以用以下四种方式 将CSS套用入HTML文件中：行忍子(Inline) 行内套用(Inline) 嵌入套用(Embed) 嵌入套用(Embed) 外部B接套用(External link) 外部连接套用(External link) R入套用(import) 汇入套用(import)行忍子行内套用 我可以在HTML 文件戎苯有邮健我们可以在HTML文件内直接宣告样式。 e例碚f 举例来说 <p style='font-family:verdana; font-size:16;'>This is font size 16.</p> <p style='font-family:verdana; font-size:16;'>This is font size 16.</p> 以上的HTML 文件在g[[email protected]： This is font size 16. This is font size 16. 嵌入套用嵌入套用 邮娇梢郧度腱HTML 文件中(通常是在<head> )。样式可以嵌入于HTML文件中(通常是在<head>内)。 e例碚f 举例来说 <head> <style type="text/css"> <style type="text/css"> div { div { background-color:#FF0000; } </style> </head> <body> <div> 背景色是t色背景颜色是红色 </div> </body> 以上的HTML @F出：以上的HTML会显现出： 背景色是t色背景颜色是红色 外部B接套用外部连接套用 [email protected] 所有的CSS 邮叫娑际谴嬖诹硗庖n案中。在这种方式下 所有的CSS样式宣告都是存在另外一个档案中。 n案通常名Q.css。该档案通常名称为.css。 在HTML 文件的<header> .. </header> 之中 我⒂靡韵碌某淌酱a⑦@.css n案B接M入：在HTML文件的<header> .. </header>之中 我们将用以下的程式码将这个.css档案连接进入： <link rel=stylesheet type="text/css" href="external-stylesheet.css"> <link rel=stylesheet type="text/css" href="external-stylesheet.css"> [email protected] @n案人娴邮郊尤HTML 文件取以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。 R入套用汇入套用 外部的CSS 邮揭部梢员R入MHTML 文件。外部的CSS样式也可以被汇入进HTML文件。 [email protected] @[email protected] @import 的Z法椋 @import的语法为： <STYLE TYPE="text/css"> <STYLE TYPE="text/css"> <!-- @import url(http://www.mysite.com/style.css); @import url(http://www.mysite.com/style.css); --> </STYLE> @import 指令最初的用意 是榱四蜥Σ煌g[器而\用不同的邮健 @import指令最初的用意 是为了能够针对不同的浏览器而运用不同的样式。 不^ F在已][email protected] 现在已经没有这个必要。 [email protected] 的目的 最常是要加入多CSS [email protected] 最常是要加入多个CSS样式。 多CSS [email protected] 的方式加入 而不同CSS 邮交ハ嘤行n突r 後被加入的CSS 邮接先的位(情CSS 串接 )[email protected] 而不同CSS样式互相有冲突时 后被加入的CSS样式有优先的顺位(详情请见CSS串接 )。 下一篇我们将介绍媒体类别来源：爱蒂网
