Macam dan Kumpulan Css Reset

Macam kumpulan dan pilihan css reset yang bisa digunakan pada template untuk memudahkan starting value secara default

Macam dan Kumpulan Css Reset

Macam dan Kumpulan Css Reset - Dibawah ini merupakan kumpulan css reset yang bisa dipergunakan pada template kalian, pilih css reset yang cocok dengan html yang dipergunakan pada template, atau membuat sendiri css reset yang sesuai dengan menentukan tag-tag html yang dipakai.



Minimalis Reset v2


* {
 padding: 0;
 margin: 0;
 border: 0;
 }

Condensed Universal Reset


* {
 vertical-align: baseline;
 font-weight: inherit;
 font-family: inherit;
 font-style: inherit;
 font-size: 100%;
 border: 0 none;
 outline: 0;
 padding: 0;
 margin: 0;
 }

Poor Man’s Reset


html, body {
 padding: 0;
 margin: 0;
 }
html {
 font-size: 1em;
 }
body {
 font-size: 100%;
 }
a img, :link img, :visited img {
 border: 0;
 }

Shaun Inman’s Global Reset


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {
 padding: 0;
 margin: 0; 
 }
table {
 border-collapse: collapse;
 border-spacing: 0;
 }
fieldset, img, abbr {
 border: 0;
 }
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
 font-weight: normal;
 font-style: normal;
 }
ul {
 list-style: none;
 }
caption, th {
 text-align: left;
 }
h1, h2, h3, h4, h5, h6 {
 font-size: 1.0em;
 }
q:before, q:after {
 content: '';
 }
a, ins {
 text-decoration: none;
 }

Yahoo CSS Reset


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 padding: 0;
 margin: 0;
 }
table {
 border-collapse: collapse;
 border-spacing: 0;
 }
fieldset,img { 
 border: 0;
 }
address,caption,cite,code,dfn,em,strong,th,var {
 font-weight: normal;
 font-style: normal;
 }
ol,ul {
 list-style: none;
 }
caption,th {
 text-align: left;
 }
h1,h2,h3,h4,h5,h6 {
 font-weight: normal;
 font-size: 100%;
 }
q:before,q:after {
 content:'';
 }
abbr,acronym { border: 0;
 }

Eric Meyer’s CSS Reset


html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
 vertical-align: baseline;
 font-family: inherit;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
 }
/* remember to define focus styles! */
:focus {
 outline: 0;
 }
body {
 background: white;
 line-height: 1;
 color: black;
 }
ol, ul {
 list-style: none;
 }
/* tables still need cellspacing="0" in the markup */
table {
 border-collapse: separate;
 border-spacing: 0;
 }
caption, th, td {
 font-weight: normal;
 text-align: left;
 }
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
 content: "";
 }
blockquote, q {
 quotes: "" "";
 }


Selamat memilih.

No comments:

Terima Kasih Atas Komentar Anda

  • +Bagikan
  • +Admin