首先输出 D: 代表找到D盘 ；
然后输出cd sass 代表找到sass文件夹，其中cd是一定要的；
最后输出 sass>sass --watch style.scss:style.css 在sass文件夹下将style.scss转换为style.css 。sass --watch代表一直监听着style.scss 只要在编辑器上更新了scss就会自动更新style.css 。
给每个元素加上class或者id有id的，例如，<div id="userCont" style="position:absolutevisibility:hidden" >，css文件这样改：
#userCont{position:absolutevisibility:hidden}
html里把style=这些删掉。
如果没有id，例如<iframe frameborder="0" style="height:0pxwidth:0pxborder:4px solid #f2eed5">
html里改成<iframe frameborder="0" class=‘userSel’>
css里：.userSel{height:0pxwidth:0pxborder:4px solid #f2eed5}
当然，你这个iframe里是有id，我举例子就把id去掉了。
简单的说，css文件里#号对应的就是id，点. 对应的就是class。
是用class还是id来标记元素，具体看你实际情况。
很简单，只要把html中各个标签的样式都提取出来，放到css中，在给各个元素引用就可以了。
1、在html中找到<head></head>标签，在其中增加<style type="text/css"></style>标记
2、找到html中的一个元素比如
<div style="background:greenalign:centerwidth:20%font-size:14px">xxx</div>这种，将其中的style=""双引号之间的内容复制，粘贴到1中创建的标记内。在用一个选择器包裹住，最后在元素上指定class="选择器"就可以了
3、例子 如下两个div，第一个在style中设置样式，第二个通过css引用样式，最终效果过一样
<html><head>
<style type="text/css">
.divcss{
background:green
align:center
width:20%
}
</style>
</head>
<body>
<div style="background:greenalign:centerwidth:20%">xxx</div>
<div class="divcss">xxx</div>
</body>
</html>
