正文
格式化css样式工具,css样式生成器
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
如何自己做一个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() repeat -20px 0
相关问答
Q1: css 样式在Hbuilder里有没有单行格式化
是要压缩css为一行吧。
您需要在 工具栏插件安装安装jsCompressor 插件。
插件装完重启软件，右击选择你需要压缩的Css文件Compress CSS 进行单行格式化即可。
Q2: 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对代码进行格式化。
Q3: 在线HTML格式化工具和在线CSS样式格式化工具的工作原理是什么啊？
本质就是根据一套设定的规则用编程语言(js、asp、php、ruby..)来判断处理字符串
格式前：
html body/body/html
格式后：
html
body/body
/html
只说一种大致原理，具体实现有很多算法：
规则：根据html里是一个元素开始，/是一个元素结束来查找元素
程序读到第一个html就去找与之对应的/html
然后又去找html/html之间有无能配对的/，没有的话则不处理
有子元素的话，就需要插入换行把子元素和父级分开(同时处理细节，如父子标签之间多余的空格、插入tab缩进等)
然后又去找body/body里面有没有配对的/，没有则不处理，有的话则向前面几步一样循环往复的查找、处理
------------------------------------------------------
css格式化的大概规则：
body{color:red;}.myclass{font-size:12px;}#myid span{width:100px;color:yellow;}
找配对的{}，里面的玩意根据;为结尾的规则换行：
{
width:100px;
color:yellow;(最后一句可以不写这个“;”所以这种情况也要考虑)
}
加点tab缩进：
{
width:100px;
color:yellow;
}
还有就是判断一对{...}外面那些字符，加入换行：
body{}
.myclass{}
#myid span{}
最后你看到的就是：
body{
color:red;
}
.myclass{
font-size:12px;
}
#myid span{
width:100px;
color:yellow;
}
具体实现中，上面的还有很多情况也是要考虑的，比如写代码的人忘了写/html，程序找到html后找不到配对的/html，这时怎么处理？是忽略、提示错误、还是另外弄套更复杂的规则去智能的补写一个/html上去？反正很多细节，写程序的人要尽量先想到可能的各类情况。
其他什么玩意格式化也是这个原理，只是查找的规则不一样而已。
反过来，有很多压缩js、css、html代码的东西，是为了节约字节减少服务器压力，把文件里面的无用空格、换行都删除掉，就是把这些步骤反过来。
另外处理字符串，你可以百度下：正则表达式
Q4: 如何在slime text中格式化压缩的css
第一步：需要掌握css的缩写技巧
参考下面的文章即可
CSS缩写优化CSS文件的体积
CSS常用属性缩写实例[推荐]
第二步：用css在线格式化与压缩工具
第三步：测试，看看经过压缩后的css文件，会不会导致页面变形等问题，一般情况下不会，不排除特殊情况。别忘了备份样式文件啊。
Q5: 使用CSS来格式化网页有哪种方式
一般最常用的方式就是写一个reset.css文件，在里面写一些相关的重置样式，
例如：html,body{margin:0,padding:0;}清除浏览器默认自带的内外边距。
还有ul,li{font-style:none;}等等，说有哪些方式：无非就是那几种，内联，内嵌，外联，外部（@import方式），或者脚本js等，但是一般最常用的还是使用外联方式。
