DIV教程之CssGaga教程:天生DataURI,抽取图片,下载远程css文件,图片无损紧缩 ...

搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。
破洛洛文章简介：CssGaga教程:天生DataURI,抽取图片,下载远程css文件,图片无损紧缩.
CssGaga–天生dataURI和MHTML

Before:

1. .base64{background-image:url(base64/logo.png);}.base64{border-image:url(base64/logo.png);}

复制代码

注：要转换的图片文件地点base64文件夹与css同级且援用时为绝对路径
After:

1. .base64{background-image:url(data:image/png;base64,[base64string])}.base64{border-image:url(data:image/png;base64,[base64string])}

复制代码

CssGaga–抽取图片

勾选抽取图片
可将css文件援用的图片(jpg/gif/png)抽取到以后目次下的img-css文件款式录下，并交换图片路径为抽取后的路径
注：撑持绝对地点挪用的图片，若图片不存在则不处置该图片
CssGaga–下载远程css文件

勾选下载远程文件，将当地的css拖拽出去便可
偶然必要线上的版本，必要文件对照等，可用此功效
天生地位：以后目次下的remote文件夹
CssGaga–图片无损紧缩

• 1. *.png→*.png

  复制代码
• 1. *.gif→*.gif

  复制代码
  只紧缩静态gif，静态gif请手动转为png8
  
  
• 1. *.jpg→*.jpg

  复制代码
  若文件年夜于10KB，则转换为渐进式jpg
  
  

什么时候紧缩图片？

• 不选择同步的情形下，拖出去间接紧缩
  
• base64编码前紧缩
  
• 同步前紧缩
  

注：图片紧缩时会掩盖原文件，请自行备份
</p>
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称，中文译作“层叠样式表单”。

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

可以使用 CSS 检查工具进行设计。