Go Blog Go

Resetter CSS Minimalistic

Posted by Go Blog Go Posted on 7:02 PM with No comments
Assalamu'alaikum Wr.Wb.

Go Blog Go pada share posting ini akan berbagi artikel Resetter untuk WebBlog. Pertama kali Saya melihat Code ini dari beberapa situs, pada awal-nya jujur saja Saya tidak mengerti untuk apa sebenar-nya Resetter ini fungsi-nya, karena dengan tidak memakai Resetter juga tidak membawa pengaruh apapun terhadap WebBlog.
Akhir-nya sambil mencari informasi di Internet sebanyak mungkin dan sambil dipelajari seiring waktu toh ketahuan juga fungsi-nya yaitu Memulihkan ke Kondisi 0 CSS-nya, hal ini terjadi ketika awal kali pemanggilan WebBlog. Hal ini tidak beda jauh dengan Printer ketika sampai pada Counter Angka tertentu akan meminta di ResetterCss Resetter alias dipulihkan kembali ke angka nol.
Untuk yang pertama Resetter dibawah ini yang berfungsi untuk me-reset padding dan margin pada semua elemen kembali ke nol. Pada umum-nya CSS ini yang sering dipergunakan dibeberapa Template, serta penempatan-nya di-awal Code CSS umum-nya.
Resetter HTML Minimalistic mungkin dasar dari semua resetter.


Minimalistic Reset — Version 1
{padding: 0;margin: 0;}
Untuk yang ke-dua ini secara efektif menetralisir menjadi nol juga dengan adanya penambahan Border, ihat perbedaan-nya
Minimalistic Reset — Version 2
* {padding: 0;margin: 0;border: 0;}
Untuk yang ke-tiga ini secara efektif menetralisir menjadi nol juga dengan adanya penambahan Outline, lihat perbedaan-nya
Minimalistic Reset — Version 3
* {outline: 0;padding: 0;margin: 0;border: 0;}
Untuk yang ke-empat ini secara efektif menetralisir menjadi nol secara keseluruhan, lihat perbedaan-nya
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;}

Nah Mojang dan Bujang mudah-mudahan Dasar dari Resetter CSS ini bisa bermanfaat, setidak-nya mengetahui awal fungsi-nya walau Saya kurang begitu mendetail menjelaskan, tapi Saya yakin Mojang dan Bujang yang sudah terbiasa berhadapan dengan Code HTML, CSS, Javascript, dan lain-lain akan lebih mudah memahami-nya. Go Blog Go !!! Amiin

Wassalam,


Tag : ,

0 comments:

Post a Comment

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang