Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. HTML & CSS
Code

Tip Singkat: Membuat Sendiri File Reset.css Sederhana

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Sangat banyak desainer CSS pemula tidak menyadari pentingnya membuat file "reset.css". Ketika kamu memiliki lingkungan dimana tiap browser memiliki styling "default" sendiri-sendiri, kamu akan sering menemukan dirimu gugup sembari bertanya, "Menggambar apa spacing di sana?" Untuk menyelamatkan dirimu dari sakit kepala yang mungkin akan kamu alami secara tidak terduga, kamu akan perlu membuat sendiri file reset sederhana. Masalah dengan menggunakan pada banyak framework yang ada saat ini adalah mereka tidak dikhususkan secara spesifik untukmu. Sebagai contoh, saya tidak pernah menggunakan elemen "center" dalam project saya. Sebagai konsekuensinya, saya tidak perlu meletakkan itu dalam styling default saya. Bagaimana pun juga, yang lainnyg perlu melakukan itu - walaupun mereka akan mendapatkan tamparan di pergelangan tangan...atau pantat jika kamu begitu eksentrik.

Langkah 1: Nolkan Margin dan Padding

Secara standar, browser akan menambahkan margin pada banyak elemen. Misalnya, umumnya ada sekitar enam pixel margin pada elemen body. Sebagai desainer, kamu harusnya orang yang menentukan angka ini! (Kecuali mungkin ketika itu tentang ukuran font - yang merupakan topik menyeluruh lainnya untuk didebat). Jadi mari kita nolkan sejumlah elemen ini!

Langkah 2: Ambil Kendali Elemenmu

Kamu mungkin telah menyadari bahwa elemenmu bervariasi dalam ukuran dari browser ke browser. Kamu dapat mengganti ini dengan mengubah ukuran font default ke 100%.

Berikutnya, kita perlu menentukan margin dan padding elemen heading kita. Saya juga akan menghapus list-style-type dari elemen list saya. Terakhir, saya akan mengatur ukuran font dasar untuk elemen body.

Langkah 3: Perluas

Saya umumnya suka mencantumkan beberapa class umum yang saya gunakan dalam semua project. Kamu mungkin memilih untuk menggunakan atau tidak menggunakan.

Berikut File Akhir Reset.css Sederhana Kita

Paling tidak bagi saya, inilah apa yang saya butuhkan untuk memulai dengan sebuah website baru. Untuk projectmu sendiri, kamu harusnya memperluas apa yang saya miliki di sini sehingga itu cocok denganmu. Kamu mungkin harusnya menentukan margin pada elemen yang lebih sering kamu gunakan, seperti tag paragraf.

Jika kamu berharap untuk memiliki sebuah file reset 100%, saya menyarankanmu untuk mengacu ke file "Reset CSS" yang populer milik Eric Meyer. Sebagai alternatif, kamu dapat memeriksa YUI Reset CSS. Sampay jumpa hari Senin!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.