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

html-css026

怎样把页面里的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>

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

F12使用

开发者工具

或者在网页上右键

审查元素,在左上或者左下(根据版本)的放大镜至你要查看的元素上点击一下右边会有csss样式的具体参数。

如果是扒站,整个css带走,可以切换至资源界面(Resources)查看Stylish下拉栏。点击一个个的直接可以拿走

在DW中将页面中的CSS代码剪切,新建一个CSS文件,将代码粘贴进来,在页面中用<link href="/index/css/css.css" rel="stylesheet" type="text/css" />这样类似的代码调用,注意这条代码要放在<head></head>之间,路径确保正确。