Meresetkan CSS dan kode nya

Menyiapkan kode reset CSS tentu penting, sudah menjadi tersendiri untuk para pengelola website, kita contohkan margin atau panding memiliki...

Menyiapkan kode reset CSS tentu penting, sudah menjadi tersendiri untuk para pengelola website, kita contohkan margin atau panding memiliki ukuran yang beda mozilla, chorme dan internet explore,

dan kode nya pada website
mencocokan style nya di antara banyak browser agar tidak ada perbedaan nya, Nah sekarang Penggunaan CSS reserter semakin pouler digunakan, karena fungsi sama baik dan akan menyesuaikan kepada browser yang lain nya, dengan kita menambahkan kode reset css akan dapat mendefault kondisi CSS, yang nanti nya browser browser tidak memliki nilai default dari style website kita nya.

Diantaran nya berikut Kode Reset CSS nya :
/* --------------------------------------------------------------
 
   reset.css
   * Resets default browser CSS.
  
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
Dan banyak masih kode merestkan CSS lain nya, tapi saya rasa itu sudah cukup bagus untuk di bagian kalangan orang banyak, terima kasih

Postingan Terkait

0 komentar