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

html-css012

怎样把页面里的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样式表的时候，一般情况下我们会在html里写样式，而又两种方式使我们常见的，第一种：

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>time元素</title>

</head>

<body>

<div style="height:300pxwidth:500pxbackground:#999"></div>

</body>

2、第二种写法：

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>time元素</title>

<style>

.all{

height:300px

width:500px

background:#999}

</style>

</head>

<body>

3、建立一个css样式表文件

4、存储在css文件夹中

5、在html文件中写入链接代码，代码如下：

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

6、之后可以看到HTML文件的源代码傍边看到我们所连接的css文件，此时就连接成功。