JavaScript / html / CSS 代码在线 美化优化、加密解密、压缩解压...
演示文本:
制表符缩进
2个空格缩进
4个空格缩进
8个空格缩进
W3C-十六色色盘
IE4+预命名颜色
/**********以下为JS代码格式化演示**********/ document.getElementsByClassName = function(name) { var tags = document.getElementsByTagName('*') || document.all; var object = []; for (var i = 0; i < tags.length; i++) { if (tags[i].className) { var css = tags[i].className.split(' '); for (var j = 0; j < css.length; j++) { if (name == css[j]) { object.push(tags[i]); break } } } } return object; }; alert( document.getElementsByClassName("button")[0].outerHTML )
<!----------以下为HTML代码格式化演示----------> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页 1</title> </head> <body> <div align="center"> <table border="1" cellspacing="1" width="400" height="200"> <tr> <td align="center"><a href="http://script-test.net/">脚本测试网</a></td> </tr> </table> </div> </body> </html>
/**********以下为CSS代码格式化演示**********/ @charset "utf-8"; @font-face {font-family:dreamy;font-weight:bold;src:url(http://script-test.net/font.eot);} @fontdef url("http://script-test.net/test.pfr"); .test { font: normal normal 400 12pt "宋体, Times New Roman, Century Gothic, Arial, Helvetica"; filter: progid:dximagetransform.microsoft.alphaimageloader(src="black.jpg",sizingmethod="scale"); background: #292929 url("http://script-test.net/style/black.jpg") repeat scroll 0px 0px; background-image: url("http://script-test.net/style/black.jpg"); border-color: #ff0000 #00ff00 #0000ff #000000; background-color: #292929; } body { scrollbar-3dLight-Color:black; /*设置箭头和滚动条左侧和顶边的颜色*/ scrollbar-Arrow-Color:white; /*设置滚动条上的箭头颜色*/ scrollbar-Base-Color:black; /*设置滚动条的底色*/ scrollbar-DarkShadow-Color:black; /*设置箭头和滚动条右侧和底边的颜色*/ scrollbar-Face-Color:black; /*设置滚动条的表色*/ scrollbar-Highlight-Color:white; /*设置箭头和滚动条左侧和顶边的颜色，以及滚动条的背景*/ scrollbar-Shadow-Color:white; /*设置箭头和滚动条右侧和底边的颜色*/ scrollbar-Track-Color:royalblue; /*设置滚动条的背景色 *注*此颜色值为"IE4+预命名颜色"*/ }