مرتب کردن دستورات css یا html

[mashhadpix]

سلام من کد css و html دارم به صورت نامرتب و ناخوانا. چطوری مرتب کنم تو هر نرم افزاری باشه فرقی نمی کنه. تو vs2010 هم باشه خوبه.
میدونم که با کلید ترکیبی میشه اینکارو کرد. ممنون میشم بهم بگید؟
مثل کدهای زیر:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto; border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }



#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#97c20a; background:-moz-linear-gradient(top, #97c20a 0%, #8da408 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#97c20a), color-stop(100%,#8da408)); background:-webkit-linear-gradient(top, #97c20a 0%,#8da408 100%); background:-o-linear-gradient(top, #97c20a 0%,#8da408 100%); background:-ms-linear-gradient(top, #97c20a 0%,#8da408 100%); background:linear-gradient(top, #97c20a 0%,#8da408 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c20a', endColorstr='#8da408',GradientType=0 ); }
#cssmenu{border-color:#647306;}
#cssmenu > ul > li > a{border-right:1px solid #647306; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#c2f224;}
#cssmenu > ul > li > a:hover{background:#7fa208;}


الن این کدها به صورت خوانا نیست و به هم ریخته شده.
ممنون میشم کلید ترکیبی را بهم بگید

[setareh masompoor]

اگه منظورت کلید ترکیبی که فاصله ها رو برمیداره و یه جورایی مرتب میکنه میتونی از
Ctrl+k,Ctrl+D استفاده کنی تو vs2010
هر 2تا رو باید پشت هم بزنی
حالا نمیدونم منظورت این بوده یا نه

[mashhadpix]

اگه منظورت کلید ترکیبی که فاصله ها رو برمیداره و یه جورایی مرتب میکنه میتونی از
Ctrl+k,Ctrl+D استفاده کنی تو vs2010
هر 2تا رو باید پشت هم بزنی
حالا نمیدونم منظورت این بوده یا نه

دقیقا. هر نرم افزار متفاوت است؟
تو notepad هم میشه این کار را کرد؟

[colors]

توصیه میکنم از سایت زیر استفاده کنید که هم مشکلات رو برطرف میکنه هم کد شمارو بهینه تر میکنه.
css compressor (http://www.csscompressor.com/)

[mashhadpix]

توصیه میکنم از سایت زیر استفاده کنید که هم مشکلات رو برطرف میکنه هم کد شمارو بهینه تر میکنه.
css compressor (http://www.csscompressor.com/)

وقتی میخاد تبدیل کنه خطا میده: Invalid
108615http://barnamenevis.org/images/misc/pencil.png

[ali reza mansoori 2]

تو notepad هم میشه این کار را کرد؟
چجوری؟

برای کدها جاوااسکرپت از چه برنامه ای میشه استفاده کرد

[tadayoni]

http://www.dirtymarkup.com/
این جاوا اسکریپت هم داره