搜索
您的当前位置:首页css文件格式化脚本的方法

css文件格式化脚本的方法

时间:2023-11-28 来源:乐玩宠
这次给大家带来css文件格式化脚本的方法,css文件格式化脚本的注意事项有哪些,下面就是实战案例,一起来看一下。

#!/usr/bin/python# -*- coding: UTF-8 -*-import sys,osdef format(ddt): ddt = ddt.replace('','')#去除换行 ddt=ddt.replace(';}','}').replace(';',';').replace('{','{').replace('}','}')#重新换行 lines = ddt.split("")#读取全部换行内容 ddt="" for line in lines : ddt=ddt+line.strip(' ')+""#去除每行前面空格 return ddt.replace('{','{ ').replace(';','; ') #空格整理for file in sys.argv: if file!=sys.argv[0] and os.path.isfile(file) and (str(file).split(".")[-1]).lower()=="css": print u"正在读取-",file newfile = open(file,"r") f=format(newfile.read()) newfile=open(file,'w') newfile.write(f) newfile.close() print file,"-ok"

1.png

2.png

3.png

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

不同版本的vscdoe如何调试不同版本nodejs

Vuejs webp支持图片的插件开发

小编还为您整理了以下内容,可能对您也有帮助:

sublime text 怎么格式化css代码

首先,如果你要用ctrl+alt+f格式化代码的话要先选中一段代码再按才会有效,否则是无效的。

其次,如果你是要格式化整个html文件的话,可以从edit----Tag----Auto-Format Tags on Document.点击这个选项就可以格式化整个html文件。

如果有什么问题可以私信或加q,如果我知道的话会尽力帮你解答。

sunblime text3怎么格式化css

HTML-CSS-JS Prettify是一款集成了格式化(美化)html、css、js三种文件类型的插件。插件依赖于nodejs,因此需要事先安装nodejs,然后才可以正常运行。

使用Sublime text 3 格式化CSS代码,需要安装插件,具体安装步骤如下:

1、打开菜单->首选项->插件控制,输入 install package

2、等待程序进入插件管理功能,再输入插件名称:prettify

3、点击安装插件HTML-CSS-JS Prettify。

4、插件安装成功后,在需要格式化的HTML/css/js代码中,选中代码,然后按Ctrl+Alt+H对代码进行格式化。

如何自己做一个css代码格式化工具

#b {

width:1200px;

padding:0 12px;

background:#FFF;

position:relative

}

.l {

width:844px;

float:left;

border-right:1px solid #DDD;

padding-right:10px;

position:relative

}

.m {

width:670px;

float:left;

border-right:1px solid #DDD;

padding-right:10px;

position:relative

}

.r {

width:336px;

float:right;

padding-bottom:200px

}

.topbg {

height:30px;

background:url(http://img.lanrentuku.com/img/images/a.png) repeat -20px 0

使用CSS来格式化网页有哪种方式

一般最常用的方式就是写一个reset.css文件,在里面写一些相关的重置样式,
例如:html,body{margin:0,padding:0;}清除浏览器默认自带的内外边距。
还有ul,li{font-style:none;}等等,说有哪些方式:无非就是那几种,内联,内嵌,外联,外部(@import方式),或者脚本js等,但是一般最常用的还是使用外联方式。

使用CSS来格式化网页有哪种方式

一般最常用的方式就是写一个reset.css文件,在里面写一些相关的重置样式,
例如:html,body{margin:0,padding:0;}清除浏览器默认自带的内外边距。
还有ul,li{font-style:none;}等等,说有哪些方式:无非就是那几种,内联,内嵌,外联,外部(@import方式),或者脚本js等,但是一般最常用的还是使用外联方式。

让Editplus自动格式化css和js 的插件

今天正好看了一下editplus 的用户工具,它允许通过命令行调用和标准输出输出与其它程序进行交互,可以传入参数可以手动指定,也可以是当前选定内容,当前本件所有文本等,即然这样我们就利用它的filter模式,即把所有文本内容传过去,再使用回传内容替换当前文本。那么我们还需要一个外部工具,为了方便起见,脚本类语言当然是首选,而在windows平台下面可以使用vbs和JScript, 那么就用JScript吧,去网上找一个 http://github.com/einars/js-beautify/tree/master 的东西,它提供在线的js格式化功能,正好是js写的, 拿它回来稍做改造一下,使用WScript的Std接口接收和发送内容

var input = "";

while(!WScript.StdIn.AtEndOfStream)

{

 input += WScript.StdIn.ReadAll();

}

从输入端读入数据.

WScript.Echo(formated_code); 发送数据.

那么js的格式化就搞定了, 再来看看css的,很怀念VS里面可以将一个CSS定义都放到一行上面去,这样看起来比较方便,否则代码太长了要拖半天.  这样的话看起来也不是太难,就自己动手写一个了. 两个文件我已经打包. 下载完可以解压到任意目录,接着就配置Editplus.

打开Tools-ConfigUserTools, 工具名称可以随意,比如jsFormatter, 在Command处写上 Cscript.exe /nologo  e:/jsFormatter.js  后面的路径就是js的引用路径,  并钩选下面的run as text fileter,让它作为文本过滤器使用,OK,现在打开一个待格式化的js 文件,  按下Ctrl+1(默认的第一个用户工具快捷键), 可以看到文本已经格式化好了。

后记:

   要是可以格式化html和php那就更好了, js-beautify 里面也可格式化html,可惜效果不太好,我就没放进去,要是能有Aptana编辑器那么出色的效果就好了, 它可以完美处理js脚本, css, html的混合格式化,  想了一下似乎可以建一个java的控制台程序引用Aptana的插件 jar 包就能实现, 通过ICodeFormatter可以完成对各种类型代码的格式化,  留待以后研究.

不会造工具的猩猩永远是猩猩,会自己制造工具的程序员可以有效提高自己的生产力,windows下面的VBScript, JScript和Python, Perl 等脚本语言都是很好的助手. 在这个应用中先查看Editplus帮助,再搜索MSDN脚本技术参考,顺便复习一下正则表达式应用,  既能解决问题又能提高技能水平,  希望大家都行动起来自己动手DIY, good luck!

两个文件见附件: js_css_Formatter.rar

使用CSS格式化网页

使用CSS格式化网页

  在前一章,读者学习了如何使用表格将信息排列为行和列。表格作为网页布局工具曾被大量用于Web,但随着样式表的出现,表格的这种用途已被摒弃。表格仍很有用,但主要用于其原始目的,也就是将信息排列为行和列。除取代表格作为网页布局机制外,样式表也是指定字体、控制边距、指定边框和调整网页外观的首选方法。

  样式表背后的概念很简单:创建一个的样式表文档,以指定字体、颜色、背景和其他确定网站外观的特征。然后链接需要使用该样式表的所有网页,而不是在每个文档中都重复指定这些样式。决定修改字体或颜色主题时,只要修改一两个样式表,就可以一次性修改所有网页。因此,样式表是一组格式化指令,能够同时控制众多HTML页面的外观。

  样式表的作用不仅是将网页内容同格式分离。CSS样式表能够设置许多以前没有大量工作不可能实现的格式化特征,这包括精确的字体控制、字间距和行间距、页面边距和边框以及对非欧洲语言和字符的扩展支持。样式表还能够以人们熟悉的英寸、毫米、点和picas等来指定大小和其他度量值。你还可以使用样式表正确地控制图像和文本在网页上的位置。

  总之,样式表将面向纸张的复杂的出版机制引入了Web。样式表确实实现了这一点。

  注意:如果有3个或更多的网页使用类似的格式和字体,可能想在阅读本章时为它们创建一个样式表。即使不想创建完整的样式表,将样式直接应用于网页中的HTML元素也很有帮助。

  12.1 理解CSS

  样式表背后的技术称为CSS,即级联样式表(Cascading Style Sheets)。CSS是一种定义样式(如字体、颜色和位置)的语言,用于描述如何格式化和显示网页中的信息。CSS样式可直接存储在HTML网页中,也可存储为的样式表文件。不管以哪种方式保存,样式表都包含将样式应用于特定元素类型的样式规则。在外部使用时,样式表规则放在外部样式表文档中,文件扩展名为.css。

  121 理解CSS

  样式规则是可应用于网页中元素,如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式表直接放在网页中,外部样式表保存在的文档中,网页通过一个特殊标签链接外部样式表——稍后将介绍这个标签。

  名称CSS中的“级联(cascading)”表示样式表规则应用于HTML文档元素的方式。具体地说,CSS样式表中的样式形成一个层次结构,更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。如果上述解释还不是很清楚,可将 CSS的级联机制看成一种类似继承的关系,在这种继承关系中,父亲的特征传递给子女,但子女有更特殊的特征;基样式规则适用于整个样式表,但可被更具体的样式规则覆盖。

  用一个简单例子可能更能够解释清楚。看下面的代码,你是否能够说出文本的颜色:

  

  This text is green.

  

  This text is blue.

  

  

  This text is still green.

  

  

在这个例子中,颜色green通过样式属性color应用于

标签。因此

标签中的文本是绿色的。由于

标签是

标签的子标签,因此绿色的文本样式传递给

中的文本。然而,第一个

标签覆盖了color样式,将它改为蓝色。最后的结果是,第一段文本是蓝色的,第二段文本仍为传递而来的绿色。

  注意:你可能注意到了,我在本章和下面几章中大量使用了术语“元素”。元素就是网页中的信息(内容),如图像、段落或链接。标签用于对元素进行编码,可以将元素看成标签及其内部的描述信息(属性、文本、图像等)。

  与许多Web技术一样,CSS已经发展很多年了。CSS最初的版本称为Cascading Style Sheets Level 1(CSS1),创建于1996年。后来的CSS2标准创建于1998年,虽然这似乎是很久以前了,但直到最近CSS2仍得到所有网页浏览器的支持。由于 CSS的强大功能,浏览器的支持始终是一个问题。幸运的是,浏览器最后支持了大部分功能,现在你可以安全地使用CSS2样式表,不用担心太多事情。因此,当我在本书中谈到CSS时,指的是CSS2。

  警告:即使在最新的网页浏览器中,仍有一些CSS2特性没有得到正确支持。我将在本书接下来的几章中指出这些特性及相关的解决方法。

  在http://www.w3.org/Style/CSS/上可以找到关于样式表语言CSS1和CSS2的完整参考,还可以找到各个CSS版本都包含哪些样式。本章接下来将解释如何以与最新的网页浏览器兼容的方式使用这些参考文档中的信息。

乐玩宠还为您提供以下相关内容希望对您有帮助:

使用CSS来格式化网页有哪种方式

一般最常用的方式就是写一个reset.css文件,在里面写一些相关的重置样式,例如:html,body{margin:0,padding:0;}清除浏览器默认自带的内外边距。还有ul,li{font-style:none;}等等,说有哪些方式:无非就是那几种,内联,内嵌,外联,外部(@import方式),或者脚本js等,但是一般最常用的还是使用外联...

css通过什么方法将样式格式化应用到用户的页面中

应用方法如下:1、选择要应用样式的HTML元素:在CSS中,可以使用选择器来指定要应用样式的HTML元素。选择器可以基于元素的名称、类、ID、属性等来进行定位。2、定义样式规则:在CSS文件或HTML文件的标签中,使用选择器来定义相应的样式规则。样式规则包括属性和属性值,用于设置元素的外观样式,例如字体、颜...

css通过什么方法将样式格式化应用到用户的页面中

1、内联样式:直接在HTML元素中使用style属性来添加CSS样式,这种方法适用于单个元素的样式定义,但不建议用于整个页面的样式设置,因为会使HTML代码变得冗余和混乱。2、内部样式表:在HTML文档的部分使用标签来定义CSS样式规则。这种方法适用于单个页面的样式设置,但如需要在多个页面中重复使用相同的样式,则...

Notepad++ 中如何对 HTML/CSS/JS 格式化?

插件管理器找JSTool 本意只是对JS格式化的插件,拿来格式化CSS还是可以的,但是对html格式化可能会有点问题。xhtml可以用XML Tools,普通html可以用TextFX。———现在通过插件管理器下载的最新版TextFX里面是缺少Tidy模块的,可以下载Notepad++5.8或更早版本的程序包,从里面提取Tidy模块。另外Tidy2插件也可...

css通过什么方法将样式格式化应用到用户的页面中

星号 * 作为通配符标签,虽然权重极低,但可以代表全部的标签,如果不能写全所有标签可以尝试使用通配符标签。比如body标签,p标签这些会有自带的margin属性,可以尝试使用以下方法格式化掉标签自带属性。{ margin: 0 }

用CSS格式化网页有哪3种方式

外链样式 行内样式 内链样式 border:solid 1px red; C是错误的,样式只能用于head 和行内还有文件调用

CSS通过___方法将样式格式化应用到用户的页面中。

创建新的样式单===内部样式单===外部的、被连接的样式单===被嵌入的样式规则

如何自己做一个css代码格式化工具

position:relative } .l { width:844px;float:left;border-right:1px solid #DDD;padding-right:10px;position:relative } .m { width:670px;float:left;border-right:1px solid #DDD;padding-right:10px;position:relative } .r { width:336px;float:right;padding-bottom:200px } .topbg {...

让Editplus自动格式化css和js 的插件

windows下面的VBScript, JScript和Python, Perl 等脚本语言都是很好的助手. 在这个应用中先查看Editplus帮助,再搜索MSDN脚本技术参考,顺便复习一下正则表达式应用,  既能解决问题又能提高技能水平,  希望大家都行动起来自己动手DIY, good luck!两个文件见附件: js_css_Formatter.rar ...

webstorm code style css 格式化如何设置成横排为一行。

把红框的勾勾打上

Top
5.822456s