CSS压缩大法：技巧与工具

CSS压缩大法：技巧与工具的相关文章

• 
  CSS技巧教程：10个在线CSS压缩工具

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  CSS压缩工具可以自动完成清理你的代码的大部分工作。它们中的很多会告诉你你的文件被压缩的百分比，所以请多尝试几个以了解哪个是最好的。 CSS Drive 可选项: 压缩模式: 低、普通、高度压缩注释压缩:不压缩、全部、或者长于某个特定值的。 CSS Compressor 可选项 (每个均可选Yes 或No ): 重排属性压缩色彩压缩font-weight小写化选择器去除不必要的空间去除不必要的分号 Arantius 可选项 (...[ 查看全文 ]

  笑笑美衣

  11
• 
  CSS代码格式化和压缩的方法与技巧

  标签：Web开发

  第一步：需要掌握css的缩写技巧 参考下面的文章即可 CSS缩写优化CSS文件的体积 CSS常用属性缩写实例[推荐] 第二步：用css在线格式化与压缩工具 第三步：测试，看看经过压缩后的css文件，会不会导致页面变形等问题，一般情况下不会，不排除特殊情况。别忘了备份样式文件啊。 下面是一般用于css压缩的代码，一般情况下，喜欢脚本的朋友看下。具体的应用上面的两部即可。 CSS代码格式化和加密化 ...[ 查看全文 ]

  专属丶口味

  21
• 
  Unix 备份与压缩

  标签：Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理

  用户经常需要备份计算机系统中的数据，为了节省存储空间，常常将备份文件进行压缩。下面分别介绍备份与压缩的命令 用户经常需要备份计算机系统中的数据，为了节省存储空间，常常将备份文件进行压缩。下面分别介绍备份与压缩的命令。tar命令tar可以为文件和目录创建档案。利用tar，用户可以为某一特定文件创建档案（备份文件），也可以在档案中改变文件，或者向档案中加入新的文件。tar最初被用来在磁带上创建...[ 查看全文 ]

  孙蕾洁

  01
• 
  Illustrator旋转工具与缩放工具使用技巧

  标签：Illustrator CorelDRAW

  你可以通过简单的形状用Illustrator中的变换工具创造令人吃惊的效果。简单的风格一向是作者所追求的。紧跟他的步骤一步一步来，体验Illustrator的旋转和比例缩放工具是多么的强大。 先看看效果图 步骤 1 - 创建一个简单形状 我们以一个圆形开始，用直接选取工具(A)删除1/4圆。 现在，用选取工具(V)选整个3/4圆 然后选择比例缩放工具(S)，按住Alt点中心点打开选项对话框(双击工具栏图标也可以打开)...[ 查看全文 ]

  殇之无诶

  61
• 
  CSS合理的编码与组织技巧

  标签：Web开发

  CSS代码更清晰高效的一些经验是许多网页制作者与开发者都关心的问题。但是大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少， 合理的CSS 编码与组织技巧 ，的确能够帮助你的更有效率地写出更清晰高效的代码，自然CSS样式表大小的缩减还能减少下载的时间。 一、排版： 1、关键词和操作符之间加适当的空格。 2、相对独立的程序块与块之间加空行 3、较长的语句、表达...[ 查看全文 ]

  24k男人z

  21
• 
  CSS技巧教程:css书写技巧

  标签：Web开发

  nettuts带来的5个css书写技巧，简单翻译一下它的中心思想。 1. CSS Reset/重置 你也许需要先了解什么是css重置。然后怎么样写css重置呢。 你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应该根据你的项目改成你自己的reset.不要使用* { margin: 0; padding: 0; } 。我个人很爱用，[ 查看全文 ]

  美队调情

  31
• 
  CSS开发：合理的编码与组织技巧

  标签：Web开发

  CSS代码更清晰高效的一些经验是许多网页制作者与开发者都关心的问题。但是大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，合理的CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然CSS样式表大小的缩减还能减少下载的时间。 一、排版： 1、关键词和操作符之间加适当的空格。 2、相对独立的程序块与块之间加空行 3、较长的语句、表达式等要...[ 查看全文 ]

  东升丶懿少

  01
• 
  多个css、js文件自动合并、压缩

  标签：Web开发

  相信你阅读过大量关于编写css时应该注意的一些细节来控制css文件的大小，比如：全局样式、继承样式、缩写样式，空格、注释等；同时你也可能用过对你的css文件进行压缩，来减少css文件的大小，但压缩后的css文件在可维护性、识别性方面变的特别弱！更复杂的情况是，如果你的页面里面引用了多个css、多个js文件你又会怎样处理？ 以下给我们介绍的通过php javascript程序实现了对多个css、多个js文件进行 自...[ 查看全文 ]

  bh1nfh

  1421
• 
  Linux中文件的压缩与解压缩

  标签：Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理

    对许多用户来说，在DOS和Windows环境下利用工具软件ARJ、Winzip等，压缩或解压文件是比较容易的事。但是，在Linux中如何对文件进行压缩与解压呢？本文基于Red Hat 6.0，介绍了压缩与解压文件的几种方法与技巧，希望对读者有一定的帮助。 命令：compress格式：compress 选项 文件列表功能：用Lempel-ziv压缩方法来压缩文件或压缩标准输入选项：-r 递归操作，如果指定目录变元，则压缩该目录及其子...[ 查看全文 ]

  hejian901215

  21
• 
  CSS Sprites (CSS图像拼合技术)教程工具

  标签：Web开发

  什么是CSS Sprites？ Sprite（精灵）这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要 同时保持画面流畅。Sprite就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。 Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一幅幅图片就像是被变出来的，他们并...[ 查看全文 ]

  司小沫00

  281
• 
  用ASP实现在线压缩与解压缩

  标签：ASP

  一、问题的提出 随着互连网的发展，网站的数量以惊人的数字增加。网站的作用除了给广大网友们提供信息资讯服务外，还应该成为网友们上传与下载文件的场所。在上传与下载文件的过程中，传输时间是关键，这就要求有较快的传输速度。在传输速度固定不变或是上下变动不大的情况下，尽量减小传输文件的体积，是一个可行的办法：上传文件的时候，先将要上传的文件用WINRAR压缩，上传成功后在网站内通过程序...[ 查看全文 ]

  吼午

  831
• 
  CSS高级技巧:CSS Sprites

  标签：Web开发

  上一篇 CSS教程 文章：CSS高级技巧:圆角矩形 CSS Sprites, 利用CSS background-position 进行背景绝对定位, 减少HTTP请求, 加速网页显示, 解决图片载入闪动问题的技巧. CSS Sprites最适合用来做的, 恩, 比如: 清单导航的CSS鼠标翻转效果 大量小图标集中的应用 (FckEditor) ...很多很多,多的想不出来了. 实现原理简单地说就是控制容器的大小, 然后利用background-repeat, background-position来对背景图...[ 查看全文 ]

  yang果5217758

  21
• 
  Packer 3.0 JS压缩及混淆工具 下载

  标签：Web开发

  一个加密JAVASCRIPT的开源工具PACKER2.0.2 这是一个并非很复杂的编码工具，编码过后可以被浏览器直接识别。新浪在用。比如：http://comment4.news.sina.com.cn/comment/cmnt_xml.js 从这里进入http://dean.edwards.name/packer/，很简单的一个界面。 设置也很简单 Numeric (Base 10) ：所有的字符都被编码成数字 Normal (Base 62) ：所有的字符都被编码成字母与数字符号构成的值。这是推荐的方式。 High A...[ 查看全文 ]

  酒吧暖场团队

  121
• 
  帮助你学习CSS的在线CSS工具网站

  标签：Web开发

  用户界面 输入URL然后它会抓出其中的颜色并用16进制表示。 使用CSS和一个图片创建出一个翻转按钮的样式。 6个CSS页面布局模板，包括颜色、标题等。 2栏和3栏的CSS布局框架 2、3、 4栏的CSS布局框架 输入页宽、栏数和padding，它会自动生成CSS和HTML的布局框架。 上提供的那些布局模板 各种免费的完整页面模板 更多的模版资源 一个CSS菜单生成器：轻松创建采用li并兼容各种浏览器的导航菜单...[ 查看全文 ]

  feifei___001

  21
• 
  几款极品的javascript压缩混淆工具

  标签：Web开发

  个人首推 MemTronic's FREEWARE HTML/JavaScript Cruncher-Compressor v1.0k 压缩效果好得不一般，混淆出来的代码完全不可读，压缩率可达50%，IE 5+ / NS 7.0 / Mozilla / Opera 7.0 中均可使用 第二款，我推荐Rob Seiler的packer 这款压缩混淆工具效果也不错，有三种版本，.Net，Perl，和WSH版本，Windows平台下WSH脚本比较适合，命令行操作，有详细的说明 第三款，Saltstorm出品的ESC 这款工具可自定义压...[ 查看全文 ]

  earth乐橙

  21
• 
  css技巧:经典CSS使用技巧几则

  标签：Web开发

  MacJi 偷懒翻译了部分，下午冒着被 BOSS 开除的危险将其补完（原文链接）。 使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。 清除容器浮动 #main {     overflow:hidden; } 期前也提到过这样的问题，更多信息可以看这里。 不让链接折行 a {  &n...[ 查看全文 ]

  为儿讨公道234

  41
• 
  CSS教程:css组合与CSS嵌套的写法

  标签：Web开发

  CSS组合 你不必重复有相同属性的多个选择符，你只要用英文逗号（,）隔开选择符就可以了。 比如，你有如下的代码： h2 { color: red; } .22333 { color: red; } .22333com { color: red; } 则你可以这样写： h2,.22333,.22333com { color: red; } 使用组合，你可以一次定义多个CSS，为你节省很多字节和时间。 CSS嵌套 CSS结构好的话，没有必要使用过多的类或者标识选择符。这是...[ 查看全文 ]

  乔林儿

  51
• 
  视频文件转换压缩工具RealProducer

  尽管今天的硬盘动辄就是几十GB，可是一旦在计算机中存放MP3、VCD等音像资料，你便会感到硬盘似乎总是不够用。有一位很棒的“朋友”可以帮我们的忙哦，那就是RealProducer。你可以边听音乐、边轻点鼠标，转瞬之间，庞大的音像文件就转换成小巧的RM文件，而图像和声音质量损耗却很小。它可以转换AVI、MOV、QT、WAV、AU、MPG、MPEG、MPA、MP2、MP3等多种格式的媒体文件。     用鼠标点击桌面上的...[ 查看全文 ]

  寻觅那朵花7

  11
• 
  格式化CSS和精简CSS的在线CSS优化工具

  标签：Web开发

  CSS的优化通常包括两方面: 格式化CSS和精简CSS 。 精简CSS的办法是把具有相同属性的元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。 格式化CSS一般就是多行模式或单行模式的选择，比如我个人就完全受不了多行模式  下面是一些在线的CSS优化工具，能让你方便的对CSS文件进行各种优化处理。 1. Online CSS Optimizer /在线CSS优化 该在线工具用于精简和压缩...[ 查看全文 ]

  心情公主68

  11
• 
  CSS技巧:段正淳的css笔记

  标签：Web开发

  淘宝首页上的一个小技巧。 类目之间的横竖线 从很久很久以前开始，类目间的竖线无非都只有三种。 背景图 在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。 缺点：最后一个还是要用class来隐藏掉背景。 符号 在每个a标签之间用”|”符号来填充。 缺点：html文件变大，文件维护变得很麻烦，而且在html中毫无意义。 a标签右侧的boder。 同背景图一样，只不过使用border-right来代替。缺...[ 查看全文 ]

  老绵羊20130801

  21