Skip to main content

Apa itu CSS?

Cascading Style Sheet (CSS) adalah cara untuk merancang situs web, atau sekelompok situs web, sehingga mereka memiliki tampilan dan nuansa yang konsisten, dan sehingga penampilan dan nuansa mereka mudah diubah.Dengan menggunakan CSS untuk merancang situs web, pengembang web memperoleh tingkat kontrol yang lebih besar atas bagaimana situs tersebut muncul.

Pengembang web dapat menggunakan file CSS untuk mengontrol tampilan situs web dengan tiga cara utama.Cara pertama disebut inline, merujuk pada fakta bahwa kode ditempatkan langsung ke baris kode situs web.Misalnya, pengembang web mungkin ingin membuat kalimat tertentu muncul dalam tipe merah tebal sehingga menonjol.Dia bisa menggunakan CSS untuk mengatur gaya kalimat itu menjadi tebal dan merah menggunakan kode inline.Manfaat dari metode ini adalah memungkinkan perubahan cepat dan mudah ke bagian tertentu dari halaman web.

Cara lain yang dapat digunakan pengembang web adalah dengan membuat aturan untuk satu halaman web.Dalam hal ini, pengembang akan menggunakan apa yang disebut CSS tertanam.Pengembang dapat, misalnya, membuat setiap inden paragraf baru dan setiap header dalam huruf tebal.Instruksi tertanam biasanya ditempatkan di bagian atas kode halaman web.

Ini memungkinkan pengembang untuk mengubah kode tertanam sekali dan memiliki efek terjadi di seluruh halaman.Jika dia memutuskan untuk memasukkan semua header dalam huruf miring daripada teks yang berani, dia bisa mengubah pengkodean gaya, dan semua header pada halaman itu akan berubah.Ini memiliki keunggulan dibandingkan metode inline karena mencakup seluruh halaman web, dan perubahan dapat dilakukan ke seluruh halaman sekaligus.

Jenis CSS umum akhir adalah apa yang dikenal sebagai CSS eksternal.Pengembang web akan menulis kode untuk diterapkan ke seluruh grup halaman web, seluruh situs web, atau bahkan beberapa situs web.Aturan -aturan ini dapat mencakup hal -hal seperti warna latar belakang, warna teks, jarak kata, dan elemen tata letak halaman lainnya, seperti dua contoh CSS sebelumnya.

Perbedaannya adalah bahwa instruksi ini bukan untuk satu bagian dari halaman, atau hanya satu halaman web, tetapi untuk seluruh situs web.Keuntungannya adalah bahwa tampilan dan nuansa seluruh situs web dapat diubah sekaligus dengan membuat perubahan pada lembar gaya eksternal.Jika perancang ingin mencoba warna latar belakang baru atau font baru untuk seluruh situs web, dia dapat melakukannya dengan perubahan beberapa baris dalam kode eksternal, daripada pergi ke setiap halaman secara individual dan membuat perubahan di sana.

Kerugian untuk CSS tertanam dan eksternal adalah bahwa ada lebih banyak waktu yang terlibat dalam menciptakan lembar gaya besar, yang akan mencakup banyak tata letak, daripada membuat perubahan yang lebih kecil pada garis individu.Perancang web harus memutuskan apakah lebih efisien dalam jangka panjang untuk membuat instruksi inline individu, atau untuk membuat CSS yang tertanam atau eksternal untuk mengurus banyak fitur desain secara bersamaan.