Apa itu CSS?

Halo,

Dalam kursus ini, kita akan mempelajari CSS, bahasa perangkat lunak yang akan meningkatkan tampilan visual halaman web kita.

Jika Anda belum terbiasa dengan HTML, selesaikan terlebih dahulu kursus Memulai HTML. 

Jika Anda berkata, "Saya sudah mengetahui HTML", mari kita mulai.

Di bagian kursus ini, kita akan mempelajari alasan kita memerlukan CSS.

Pertama-tama, mari kita ajukan pertanyaan pertama yang terlintas dalam pikiran saya saat mempelajari CSS.

Mengapa kita harus mempelajari bahasa tambahan untuk melakukan hal yang tidak dapat dilakukan HTML?

Pertama-tama, mari kita mengingat kembali fungsi HTML. 

HTML adalah bahasa yang kita gunakan untuk menyajikan data yang terdapat di halaman web (Teks, Visual, Rumus, dan sebagainya) dengan lebih akurat kepada pengguna.

Misalnya, mari kita bayangkan bahwa kita sedang menulis artikel di buku catatan. 

Jika kita menghapus titik, koma, dan tanda baca lainnya dari artikel, kita dapat menyampaikan maksud kita secara keliru kepada orang-orang yang akan membaca artikel tersebut.

Ada juga tag HTML yang kita gunakan untuk menyampaikan informasi yang ingin kita berikan kepada pengguna dengan lebih jelas di halaman web.

Halaman web merupakan dokumen HTML, dan peramban mencari dokumen HTML untuk menjalankan halaman tersebut. Jadi, Anda dapat menganggap dokumen HTML sebagai dasar halaman web.

Jadi, apa fungsi CSS?

CSS adalah teknologi yang dikembangkan untuk memberikan tampilan visual yang tidak dapat disediakan HTML secara memadai saat menyajikan data yang kita miliki.

Mari kita gunakan perumpamaan lain. Bayangkan Anda sedang membangun rumah. Tugas utama rumah adalah menjadi tempat berlindung bagi orang-orang yang akan tinggal di dalamnya. Itulah yang dilakukan HTML.

Tujuan utama halaman web adalah memberikan informasi kepada orang-orang yang membukanya di peramban. CSS adalah teknologi yang memberikan cat eksterior, hiasan, dan penempatan jendela yang tepat pada rumah tersebut.

Walaupun halaman web yang ideal tidak memiliki CSS (misalnya, Wikipedia), HTML tetap menjalankan tugas utama karena membawa data. Namun, CSS membantu HTML menyajikan data tersebut kepada pengguna dengan cara yang lebih bermakna dan menarik.

Gambar di atas adalah tangkapan layar situs wikipedia.com dengan gaya yang dinonaktifkan. 

Dengan kata lain, hanya dengan menggunakan bahasa HTML, kita dapat memperoleh keluaran seperti yang Anda lihat di atas untuk pengunjung kita.

Sekarang, mari kita lihat keluaran setelah mengaktifkan kembali kode CSS.

Seperti yang Anda lihat, data yang disajikan di dalam situs tidak berubah, tetapi dengan CSS, situs kita menjadi lebih ramah bagi pengguna.

Dengan versi CSS saat ini, CSS3, CSS telah memperoleh banyak kemampuan visual.

Kita telah mempelajari apa itu CSS. Sebelum melanjutkan ke bagian berikutnya,

mari kita melihat pertanyaan yang paling sering diajukan tentang CSS.

Sejak kapan CSS (Cascading Style Sheets) digunakan?

CSS adalah teknologi yang telah digunakan sejak tahun 1996.

Bisakah saya membuat halaman web tanpa menggunakan CSS?

Ya, Anda bisa. Namun, halaman tersebut mungkin akan terlihat sangat buruk sehingga tidak ada pengguna yang mau masuk. Tanpa CSS, halaman web secara harfiah tidak dapat disebut sebagai halaman web.

Apakah aplikasi web utama seperti Facebook, Google, dan Amazon menggunakan CSS?

Ya, bukan hanya situs-situs tersebut, tetapi setiap halaman web yang Anda buka di peramban menggunakan CSS.

Apakah CSS sulit dipelajari?

CSS mudah dipelajari. Kita akan menulis kode seolah-olah sedang berbicara dalam bahasa Inggris. Namun, pengembang perangkat lunak sering menganggap beberapa hal kecil cukup sulit. 

Misalnya, cara memosisikan blok di halaman. Kita akan berfokus pada hal-hal tersebut dan masalah serupa. Di akhir kursus ini, Anda pasti akan menguasai CSS.

Apakah Anda memiliki saran yang sebaiknya saya lakukan saat mempelajari CSS?

Ya. Anda dapat mempelajari CSS dengan sangat cepat dengan banyak berlatih.

Selamat. 🥳🥳🥳

Anda telah menyelesaikan pelajaran Apa itu CSS.

Pada bagian berikutnya, kita akan mempelajari Pendahuluan CSS.

Anda dapat mengeklik untuk melanjutkan ke bagian berikutnya.