Catatan Belajar Dari Kendawangan

  • RSS
  • Delicious
  • Facebook
  • Twitter

Twitter

Kembalikan Kode CSS yang berantakan

Posted by AWAN THE KILL - -

Ternyata sulitnya mempelajari format style pada kode CSS yang susunannya tidak beraturan itu, Sekalipun yang sudah mengerti apalagi saya, pasti dibuat pusing untuk menganalisanya ulang. Ditambah lagi  menggunakan mode style CSS terkompresi pasti ribet sekali, jika harus mempelajari dengan menelusuri kode CSS nya  satu-persatu.

Contoh Kode CSS yang tidak berantakan :
#navbar-iframe{display:none !important;}body{background: #fff;margin:0;color:#222;font:13px trebuchet ms;text-align:center;}
a.ts{position:absolute;right:0px;top:0px;cursor:default;}a:link{color:#3aa705;text-decoration:none;}a:visited{color:#3aa705;text-decoration:none;}a:hover{color:#0000ff;text-decoration:none;}a img{border-width:0;}
Contoh Kode CSS yang telah dirapikan :
#navbar-iframe { display: none !important; }

body {
    background: #fff;
    margin: 0;
    color: #222;
    font: 13px trebuchet ms;
    text-align: center; }

a.ts {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: default; }

a:link {
    color: #3aa705;
    text-decoration: none; }

a:visited {
    color: #3aa705;
    text-decoration: none; }

a:hover {
    color: #0000ff;
    text-decoration: none; }

a img { border-width: 0; }
Nah kalo kodenya seperti ini akan lebih mudah diedit atau pun di modifikasi kode cssnya, yang sebelumnya acak acakan  menjadi lebih teratur dan lebih tertata rapi. saya sarankan coba saja gunakan layanan dari Styleneat.

 inspirasi o-om