1.嵌入式
嵌入式是将CSS样式集中写在网页的<head><head/>标签对的<style></style>标签对中。格式如下
<head>
<style type="text/css">
...此处写CSS样式
</style>
</head>
2.行内式.
行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。
3.将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,标记也是写在标记中,使用的语法如下:
<style>标记也是卸载<head>标记找那个,使用语法如下:
<style type="text/css">
@import"mystyle.css";此处要注意css文件路径
</style>
4.也是将一个.css文件引入到HTML文件中 <link href="mystyle.css" rel="stylesheet"type="text/css"/>
注意:导入式会在整个网页装载完后再装载CSS文件,因此这就导致了一个问题,如果网页比较大则会出现先显示无样式的页面,闪烁一下之后,再出现网页的样式。这是导入式固有的一个缺陷.
网友评论