Bagi kamu yang berkarir di bidang IT atau sedang kuliah jurusan IT, tentunya sudah tidak asing lagi dengan kata css, apa itu css? Cascading Style Sheets atau CSS adalah bahasa stylesheet yang digunakan untuk menggambarkan presentasi dokumen yang ditulis dalam HTML atau XML (termasuk dialek XML seperti SVG, MathML atau XHTML). CSS menjelaskan bagaimana elemen harus ditampilkan di layar, di atas kertas, dalam ucapan, atau di media lain.

CSS adalah salah satu bahasa inti dari web dan distandarisasi di seluruh browser Web sesuai dengan spesifikasi W3C. Sebelumnya, pengembangan berbagai macam spesifikasi CSS dilakukan secara serentak, yang memungkinkan pembuatan versi dari rekomendasi terbaru. Kamu mungkin pernah mendengar tentang CSS1, CSS2.1, CSS3. Namun, CSS4 tidak pernah menjadi versi resmi.

Dari CSS3, cakupan spesifikasi meningkat secara signifikan dan kemajuan pada modul CSS mulai sangat berbeda sehingga menjadi lebih efektif untuk mengembangkan dan merilis rekomendasi secara terpisah pada setiap modul. Alih-alih membuat versi spesifikasi CSS, W3C sekarang secara berkala mengambil snapshot dari status terbaru dari spesifikasi CSS.

Sumber daya utama

• Pengenalan CSS

Jika Kamu baru dalam pengembangan web, pastikan untuk membaca artikel-artikel dasar tentang CSS untuk mempelajari apa itu CSS dan bagaimana cara menggunakannya.

• Tutorial CSS 

Area pembelajaran CSS berisi banyak tutorial untuk membawa Kamu dari tingkat pemula hingga mahir, yang mencakup semua dasar. Referensi CSS lengkap untuk pengembang Web berpengalaman menjelaskan setiap properti dan konsep CSS.

• Tutorial

Area Pembelajaran CSS memiliki beberapa modul yang mengajarkan CSS dari awal — tidak diperlukan pengetahuan sebelumnya.

Langkah pertama CSS 

CSS (Cascading Style Sheets) digunakan untuk menata halaman web — misalnya, untuk mengubah font, warna, ukuran, dan spasi konten, membaginya menjadi beberapa kolom, atau menambahkan animasi dan fitur dekoratif lainnya. Artikel ini memberikan awal yang baik untuk Kamu menuju penguasaan CSS dengan dasar-dasar cara kerjanya, seperti apa sintaksnya, dan bagaimana Kamu dapat mulai menggunakan untuk menambahkan gaya ke HTML.

• Blok penyusun CSS

Artikel ini merupakan langkah pertama CSS— sekarang Kamu telah terbiasa dengan bahasa dan sintaksnya, dan mendapatkan beberapa pengalaman dasar dalam menggunakannya, saatnya untuk menyelam lebih dalam. Melihat kaskade dan pewarisan, semua jenis pemilih yang dimiliki, unit, ukuran, latar belakang gaya dan batas, debugging, dan banyak lagi.

Tujuannya adalah untuk memberi alat untuk menulis CSS yang kompeten dan membantu Kamu untuk memahami semua teori penting, sebelum beralih ke disiplin ilmu yang lebih spesifik seperti penataan teks dan tata letak CSS.

• Menata gaya teks

Dengan membahas dasar-dasar bahasa CSS, topik CSS berikutnya yang harus Kamu fokuskan adalah menata teks — salah satu hal paling umum yang akan Kamu lakukan dengan CSS. Di sini kita melihat dasar-dasar penataan teks, termasuk pengaturan font, boldness, italic, spasi baris dan huruf, drop shadow, dan fitur teks lainnya. Kami melengkapi modul dengan melihat penerapan font khusus ke halaman Kamu, dan daftar gaya dan tautan.

• Tata letak CSS

Pada bagian ini kita telah melihat dasar-dasar CSS, cara menata teks, dan cara menata dan memanipulasi kotak tempat konten Kamu berada. Sekarang saatnya untuk melihat bagaimana menempatkan kotak di tempat yang tepat dalam kaitannya dengan viewport, dan satu sama lain. Kami telah membahas prasyarat yang diperlukan hingga sekarang kami dapat menyelami lebih dalam ke tata letak CSS, melihat pengaturan tampilan yang berbeda, alat tata letak modern seperti flexbox, kisi CSS, dan pemosisian, dan beberapa teknik lama yang mungkin masih ingin Anda ketahui.

Menggunakan CSS untuk memecahkan masalah umum

Pada dasarnya, CSS digunakan untuk memecahkan masalah umum saat membuat halaman web.

Tata letak CSS bertujuan untuk menyatukan resep untuk pola tata letak umum, hal-hal yang mungkin perlu Kamu terapkan di situs. Selain menyediakan kode yang dapat digunakan sebagai titik awal dalam proyek, resep ini menyoroti berbagai cara spesifikasi tata letak dapat digunakan, dan pilihan yang dapat dibuat sebagai pengembang.

Alat untuk pengembangan CSS

Kamu dapat menggunakan Layanan Validasi CSS W3C untuk memeriksa apakah CSS Kamu valid. Ini adalah alat debugging yang sangat berguna. Alat Pengembang Firefox memungkinkan Kamu melihat dan mengedit CSS langsung halaman melalui alat Inspektur dan Editor Gaya.

Ekstensi Pengembang Web untuk Firefox memungkinkan Kamu melacak dan mengedit CSS langsung di situsnya.