CSS - Keunggulan

Pembahasan kali ini masih merupakan lanjutan tutorial dasar css. Kita belum masuk prakteknya secara mendalam. Terakhir kita mengetahui kelebihan CSS dibanding HTML biasa adalah cukup menulis 1 perintah, maka bisa merubah semua bentuk style yang kita inginkan. Ini cara yang sangat bagus dan spesifik yang bisa diikuti semua orang dalam membuat pilihan style sendiri. Keunggulan tersebut bisa menghasilkan “konsumsi bandwidth lebih rendah” dibandingkan dengan style langsung di HTML.

Keunggulan kedua, ketika bandwidth lebih rendah maka otomatis laman page website kita akan terload lebih cepat. Karena pengggunaan 1 perintah untuk semua mengakibatkan kode kurang yang berarti waktu unduh lebih cepat

Seperti yang sudah dituliskan sebelumnya, melihat title h1, Saya ingin membuat warna font menjadi biru. Jadi kami telah melakukan persis apa yang kami lakukan saat menggunakan tag style, tapi karena jangkaunya banyak, kita tidak berbicara tentang title tertentu. Ketika Anda menulis aturan-aturan itu, penulisan sintaksnya sangat penting. Seringkali, ketika Anda menulis HTML, browser masih memberikan hasil yang baik untuk Anda dan jika Anda lupa menutup tag, tidak apa-apa, karena browser merasa tahu apa yang kita pikirkan. Namun beda dengan CSS, jika Anda ceroboh dengan apa yang kami sebut sintaks, Anda akan mendapat masalah, ya hasilnya website anda bisa error. Kode tanda kurung atau titik koma sangat penting. Anda harus ingat untuk memasukkannya. Dan salah satu alasan saya membicarakan hal ini adalah ketika Anda mulai menulis kode Anda, ketika Anda memilih editor yang baik, dan sebagian besar editor cukup bagus, seperti Sublime atau TextWrangler, TextEdit, Notepad ++,

Seperti ketika anda memberi perintah warna untuk title H1. Tiba-tiba browser membaca beda berdasar aturan CSS yang Anda buat dan memberi hasil warna yang berbeda, semuanya menjadi putih atau semuanya merah. Dengan hasil seperti itu memberikan petunjuk pada Anda, adanya kekacauan penulisan sintaks aturan Anda. Jadi sangat bagus saat menulis aturan CSS, Di baris yang sama, Anda menulis aturan Anda, Anda dapat memasukkan komentar yang agak membantu Anda melakukan debug dan membantu Anda menjelaskan apa akan Anda lakukan. Anda cukup melakukan yang berikut.

/ *, * /

Contoh :

<style type="text/css">
/* ... ini ada color untuk title h1 ... */
.clor {
color: biru;
}
</style>

Dengan begini ketika title H1 ingin warnanya menjadi biru, namun juga menginginkan latar belakang warna menjadi kuning? Yah, tidak masalah. Anda bisa membuat lebih banyak kombinasi aturan css yang Anda inginkan. Anda hanya perlu mengingatnya pisahkan dengan titik koma.

<style type="text/css">
/* ... ini ada color untuk title h1 ... */
.clor {
color: biru;
background-color: kuning;
}
</style>

Jadi dalam hal ini, sekali lagi, kita telah mengatur warna ke biru title H1 dan warna latar belakang menjadi kuning. Baiklah sekarang Anda tahu cara menulis aturan bagaimana benar-benar membuat mereka bekerja? Saya telah menambahkan h1, warna biru, dan latar belakang kunig dan saya telah mengakhiri tag gaya saya. Jadi yang terjadi sekarang adalah ketika browser membuka halaman Anda, itu sampai ke bagian kepala yang dikatakannya, wow hebat, dia menulis beberapa aturan, mari kita lihat apa yang dia ingin aku lakukan.

Dan browser tahu ketika membuka halaman Anda dan menerapkan aturan ini ke semua tag H1. Dan jika Anda memiliki beberapa aturan termasuk paragraf, gambar, hal-hal seperti itu, browser akan tahu, saya ingin menerapkan ini ke semua instance di seluruh file.