DIV教程之CssGaga教程:天生DataURI,抽取图片,下载远程css文件,图片无损紧缩 ...
搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。破洛洛文章简介：CssGaga教程:天生DataURI,抽取图片,下载远程css文件,图片无损紧缩.
CssGaga–天生dataURI和MHTML
Before:
.base64{background-image:url(base64/logo.png);}.base64{border-image:url(base64/logo.png);}注：要转换的图片文件地点base64文件夹与css同级且援用时为绝对路径
After:
.base64{background-image:url(data:image/png;base64,)}.base64{border-image:url(data:image/png;base64,)}CssGaga–抽取图片
勾选抽取图片
可将css文件援用的图片(jpg/gif/png)抽取到以后目次下的img-css文件款式录下，并交换图片路径为抽取后的路径
注：撑持绝对地点挪用的图片，若图片不存在则不处置该图片
CssGaga–下载远程css文件
勾选下载远程文件，将当地的css拖拽出去便可
偶然必要线上的版本，必要文件对照等，可用此功效
天生地位：以后目次下的remote文件夹
CssGaga–图片无损紧缩
[*]*.png→*.png
[*]*.gif→*.gif只紧缩静态gif，静态gif请手动转为png8
[*]*.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 检查工具进行设计。
页:
[1]