教用你DIV和CSS建个人网站-那些你不知道的技巧

时间2024-05-27 06:34:03发布访客分类CSS浏览87

导读：本篇目录功能最小化HTML文件选中要最小化的.html文件，然后在web essentials的菜单中选择"Minify html file(s "选项，即可生成一个.min.html文件，该功能类似于js和css文件的压缩。具体操作...

本篇目录

选中要最小化的.html文件，然后在web essentials的菜单中选择"Minify html file(s)"选项，即可生成一个.min.html文件，该功能类似于js和css文件的压缩。具体操作以及效果见下图：

在解决方案浏览器中选择2个或更多html文件，然后右键选择"Create HTML Bundle File"。该功能简化了使用SPA时bundle多个Html模板。具体操作如下动图：

当鼠标悬停在

标签上时，会看到图片的预览：

想要阅读更多关于Zen Coding的语法，请。

ZenCoding是开源的，点击查看Github上的源码。下面通过一个动态图演示一下：

作为ZenCoding的一部分，你也可以直接在Html编辑器中生成Lorem Pixel的代码。只需要输入pix-200x200-animals，然后按下TAB键，就会插入一张200x200的动物图片。

LESS的预览窗口位于编辑器的右边，每当保存less文件时，就会展示编译后的CSS内容。

Web Essentials简化了将属性值转成LESS变量。选择你想提取的文本，然后右键selection，点击"Extract to variable..."。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！