我们可以用以下四种方式，将 CSS 套用入 HTML 文件中：
1，行内套用 (Inline)
2，嵌入套用 (Embed)
3，外部连接套用 (External Link)
4，汇入套用 (Import)
行内套用
我们可以在 HTML 文件内直接渲染样式。举例来说，
<p style='font-family:verdana; font-size:16;'>字体大小为 16.</p>
以上的 HTML 文件在浏览器上会显现为：
字体大小为 16.
嵌入套用
样式可以嵌入于 HTML 文件中 (通常是在 <head> 内)。举例来说，
<head>
<style type="text/css">
div {
background-color:#FF0000;
}
</style>
</head>
<body>
<div>
背景颜色是红色
</div>
</body>以上的 HTML 会显现出：
背景颜色是红色
外部连接套用
在这种方式下，所有的 CSS 样式语法都是存在另外一个文件中。该文件通常名称为 .css。在 HTML 文件的 <header> .. </header> 之中，我们将用以下的程式码将这个 .css 文件连接进入：
<link rel=stylesheet type="text/css" href="external-stylesheet.css">
以上这一行会将在 external-stylesheet.css 这个文件内的样式加入 HTML 文件内。
汇入套用
外部的 CSS 样式也可以被汇入进 HTML 文件。汇入的做法为利用 @import 这个指令。@import 的语法为：
<STYLE TYPE="text/css"> <!-- @import url(https://www.vxzsk.com/resource/css/gotop.css); --> </STYLE>
@import 指令最初的用意，是为了能够针对不同的浏览器而运用不同的样式。不过，现在已经没有这个必要。现在用 @import 的目的，最常是要加入多个 CSS 样式。当多个 CSS 样式被 @import 的方式加入，而不同 CSS 样式互相有冲突时，后被加入的 CSS 样式有优先的顺位。也就是说前后两个css样式一样，后面的css样式会覆盖掉前面的。
此文章本站原创，地址 https://www.vxzsk.com/580.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程
上一篇：shiro springmvc 完整案例整合
下一篇：shiro注解和缓存详解
^