怎样把页面里的CSS代码提取为单独的CSS文件

html-css014

怎样把页面里的CSS代码提取为单独的CSS文件,第1张

将css代码的<style type="text/css">和</style>标识去掉,取其中间部分并保存为1.css

将script代码的<script type="text/javascript">和</script>标识去掉,取其中间部分保存为1.js

在你需要调用样式的页面中插入以下语句(一般在网页的head标识之间插入):

<link rel="stylesheet" type="text/css" href="1.css">

在你需要调用脚本的页面中适当位置插入以下语句:

<script language="javascript" src="1.js"></script>

记得将这三个文件都放在一个目录中哦,不然你得写对路径

1、首先在电脑中打开一个需要获取CSS数据的网页。

2、在网页的空白处点击鼠标右键,选择“审查元素”的选项。

3、点击后在页面的下方会打开一个网页元素代码窗口。

4、在该窗口的右侧小窗口可以点击“style”,其中就是需要的CSS代码了。