1、在图像页面中,我们可以看到样式中的样式列表以及显示的渲染图。
2、选择样式中的所有CSS样式,然后复制或剪切。
3、然后ctrl+N创建一个新的CSS样式文件,如图所示,然后创建。
4、在创建的css样式文件中,粘贴刚刚复制到此处的文件。
5、导出时,您需要将其放在与上一个网页相同的文件夹位置。您可以创建一个新的css文件夹以便于导入。
6、然后返回到html文件,删除所有以前的样式,然后输入链接链接标记,链接以前保存的CSS样式,然后保存。
7、链接完成后,在浏览器中预览它以查看链接是否成功。
在html网页中引入引入css主要有以下四种方式:(1)行内式
<p style=”color:red”>网页中css的导入方式</p>
(2)嵌入式
<style type=”text/css”>
P{ color:red }
</style>
嵌入式一般写在head中,对于单个页面来说,这种方式很方便。
(3)导入式
<!-- 导入外部样式:在内部样式表的<style></style>标记之间导入一个外部样式表,导入时用@import。 -->
<style type="text/css">
@import "jisuan.css"
</style>
(4)链接式
<link href="jisuan.css" rel=”stylesheet” type=”text/css” />
导入式和链接式差不多,都是从外部引入css文件。但是链接式对于客户端用户浏览网站时,效果会好些。