Mereset Style Default Browser Dengan CSS Reset

Setiap browser memiliki style default masing-masing. Style default tersebut dapat di atur ulang/direset dengan CSS.

mereset css reset
Style default browser Google Chrome

Lihat gambar diatas, terdapat jarak yang ditandai dengan warna putih. Itu adalah style default browser dan dapat diatur ulang dengan CSS reset.

Style browser telah direset

Terlihat perbedaannya bukan? Jarak yang ditandai dengan warna putih hilang dan warna biru tua mengikuti lebar browser. Margin dan padding browser di atur menjadi 0.

Buat file html dengan nama css_reset.html, berikut scriptnya.

Script css_reset.html

<!DOCTYPE html>
 <head><title>CSS Reset</title>
 <style type="text/css">
 #kotak {
  width: 100%;
  height: 100%;
  background: #0c0c38;
 }
 </style>
 </head>
 
<body>
 <div id="kotak">kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak</div>
</body>
</html>

Baca juga ya..
Mengenal Responsive Web Design
Membuat 'Color Reference' Sederhana dengan HTML dan CSS
Membuat Form Login Sederhana Dengan HTML dan CSS

Script CSS Reset

* {
 margin: 0;
 padding: 0;
}

Script Akhir

<!DOCTYPE html>
 <head><title>CSS Reset</title>
 <style type="text/css">
 * {
  margin: 0;
  padding: 0;
 }
 
 #kotak {
  width: 100%;
  height: 100%;
  background: #0c0c38;
 }
 </style>
 </head>
 
<body>
 <div id="kotak">kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak kotak</div>
</body>
</html>

Script CSS Reset tidak hanya itu, namun script diatas merupakan yang simpel. Script CSS Reset yang lain dapat dilihat di http://www.cssreset.com/.

Tag : Web Desain
0 Komentar untuk "Mereset Style Default Browser Dengan CSS Reset"