在建站的时候,很多网站都对他们的代码进行压缩,本篇文章主要来讲解下CSS代码的压缩,压缩后的CSS代码所占用字节数会减少,要是访问量比较小的网站看不出明显的区别,比较大型的网站,就能节约很多内存资源。

那么CSS代码的压缩方法是什么?直接使用压缩工具即可对css代码进行压缩。

在代码编辑器中手动压缩css代码。

对于压缩代码工具,网上也有很多CSS压缩工具可以下载,下面给大家介绍直接使用最常用的前端编辑器Dreamweaver进行压缩代码 。

方法

1、打开CSS文件

2、删除空格压缩代码,

使用快捷键“Ctrl+F”,调出查找与替换工具选项卡

查找处输入一个英文半角小写“空格”

在“查找”输入框中输入一个空格,“替换”的输入框中无需填入任何字符或代码,这样在执行替换时候,相当于把空格替换为没有字符,相当于删除空格位置。

点击“替换全部”即可将多余的空格位置删除完成,完成压缩一部分。

3、将多余的分号删除

在CSS代码中,每个CSS选择器内的最后一个CSS样式的结束是不需要“分号”结束的。

避免删除错其它“分号”,这个时候在“查找与替换”选项卡中“查找”输入框中填写“;}”(分号+后花括号),在“替换”输入框中只输入“}”(后花括号),然后点击“替换全部”,即可完成删除多余分号符号。

4、删除多余空行,让代码都排成一排紧贴一起

可以手动删除空行,也可以使用DW软件快速删除空行,具体删除压缩如下。首先将鼠标光标移动到选择器开头,然后点击鼠标左键不放同时往上拉到上一个选择器结束前(上一个CSS样式选择器后花括号后),这个时候即可选中空行,此时选中空行为蓝色区域。

调出“查找与替换”工具

在选中后松开鼠标左键后,使用快捷键“Ctrl+F”,即可调用出“查找与替换”选项卡,此时“查找与替换”选项卡的“查找”输入框中即可自动填上刚刚选取好的空行。点击“替换全部”完成压缩在“替换”输入框无需再输入什么字符或代码,直接点击“替换完成”,完成替换。

更多前端开发知识,请查阅 HTML中文网 !!

怎么压缩html的文件,css如何压缩?相关推荐

  1. linux中文件打包压缩,linux在文件打包和压缩

    1. 打包和压缩文件 linux现在经常使用gzip和bzip2要压缩的文件.tar压缩文件. 经常使用的扩展: *.gz   gzip压缩文件 *.bz2  bzip2压缩的文件 *.tar   t ...

  2. Linux——文件打包与压缩

    Linux 下常见常用的压缩包文件格式有*.zip,*.rar,*.7z*.gz,*.xz,*.bz2,*.tar,*.tar.gz,*.tar.xz,*tar.bz2等后缀的压缩文件 文件后缀名 说 ...

  3. DCMTK:解压缩RLE压缩的DICOM文件

    DCMTK:解压缩RLE压缩的DICOM文件 解压缩RLE压缩的DICOM文件 解压缩RLE压缩的DICOM文件 #include "dcmtk/config/osconfig.h" ...

  4. EduCoder Linux之文件打包和解压缩

    本实训主要讲解Linux中对文件/目录压缩和解压缩操作. 随着多媒体.视频图象.文档映象等技术的出现,数据压缩成了一个重要研究点.数据压缩基本上是挤压数据使得它占用更少的磁盘存储空间和更短的传输时间. ...

  5. [web性能优化] - 使用在线工具对html、js、css进行压缩

    参考 1. 学习点 使用 在线工具对html.css.js进行压缩 学会分析压缩前后的效率提高点 2. 解决方案: 2.1 HTML压缩 在线压缩 nodejs提供了 html-minifier工具( ...

  6. 在线CSS代码压缩美化工具

    在线CSS代码压缩美化工具 在线CSS代码压缩美化工具 在线CSS代码压缩.格式化工具.可以删除注释 在线CSS代码压缩.格式化工具.可以删除注释 https://tooltt.com/css/

  7. PDF文件怎么在线压缩?教你在线压缩的方法

    PDF文件怎么在线压缩大小呢?PDF文件是大家在日常办公或者学习中经常使用到的,我们日常中发送传输文件都会使用它,当大家遇到那种内存特别大的PDF文件时,发送起来会非常缓慢,这就导致我们的办公效率大大 ...

  8. linux 压缩根目录文件,Linux操作系统下如何压缩文件? zip压缩命令使用

    Linux zip命令用于压缩文件. zip是个使用广泛的压缩程序,文件经它压缩后会另外产生具有".zip"扩展名的压缩文件. 在linux操作系统中,使用zip命令进行文件压缩时 ...

  9. 手机中的Zip格式文件解压和文件夹的压缩

    今天主要跟大家介绍下如何通过代码把手机存储中的zip文件解压到指定的地方以及如何对很多文件或者文件夹进行压缩生成zip格式的压缩文件. 1.将某个Zip文件解压到指定目录下: /*** 解压缩一个Zi ...

  10. linux中如何压缩单个文件大小,Linux 将文件打包、压缩并分割成指定大小

    打包文件: tar -cvf .tar 分割文件: split -b 3G -d -a .tar .tar. //使用split命令,-b 3G 表示设置每个分割包的大小,单位还是可以k // -d ...

最新文章

  1. 汇编程序设计与计算机体系结构软件工程师教程笔记:函数、字符串、浮点运算
  2. 查看linux的用户 7.2,linux下查看用户登入系统相关命令及编写脚本(七)
  3. 2行代码用 Python「剪藏」网页为 PDF
  4. 在Ubuntu 16.04环境下安装Docker-CE(附视频教程)
  5. ffmpeg 分辨率 压缩_用GPU加速FFmpeg中的超分辨率功能
  6. flume介绍与原理
  7. 历经十年,Windows 7 生命周期将结束,微软:快换 Windows 10
  8. sql 筛选唯一值_多列数据获取唯一值?你再肉眼筛选的时候,我已经下班了
  9. 自动控制原理知识点梳理——整体框架
  10. Mysql入门经典.pdf下载
  11. Anaconda下载及安装(图文)
  12. 窃听信道模型中的保密通信性能研究
  13. RQNOJ 169 最小乘车费用
  14. 普通高等学校毕业生登记表 计算机水平,普通高等学校全日制毕业生登记表自我鉴定怎么写...
  15. 不选主元Gauss消去法
  16. Python+Fiddler5带你爬取6000+高清王者荣耀cosplay图
  17. 网络协议 18 - CDN
  18. arcgis中制作出行od图_arcgis制作坡度图
  19. 大数据分析的方法有几种?
  20. Fortran基础编程(3)——格式化输出

热门文章

  1. 谷歌浏览器打不开网页
  2. 图解:卷帘快门(Rolling_shutter)与全局快门(global_shutter)的区别
  3. P1829 [国家集训队]Crash的数字表格
  4. Win11怎么打开网络发现?Win11启用网络发现教程
  5. ShenYu 网关源码学习(1)- 简单介绍、编译和测试
  6. excel查找在哪里_数据分析,如何学好Excel
  7. 概念数据模型(CDM)
  8. 硬件中控一键开关机设计方案
  9. Linux内核4.14版本——GPIO子系统(2)——gpio control driver分析
  10. PS教程新手入门(三)--PS实用的技巧教程