Skodev
Belajar coding dalam bahasa Indonesia
DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
CSS adalah teknologi yang dibutuhkan untuk menghias sebuah situs yang dibuat dengan HTML
Daftar Isi:
Setelah belajar HTML, kalau kamu ingin menjadi seorang pengembang website (Web Developer), maka CSS adalah pelabuhan berikutnya yang harus kamu kunjungi.
Mari kita eksplor, apa itu CSS, apa pengertian CSS, apa fungsi CSS dan bagaimana cara belajar CSS untuk pemula.
CSS adalah teknologi yang digunakan untuk mempercantik situs yang kamu buat dengan HTML. Dengan CSS kamu bisa bermain dengan ukuran, warna, jarak bahkan animasi dari setiap elemen HTMLnya.
Baca Apa itu HTML?
Fakta menarik, bukan hanya untuk situs saja, banyak teknologi saat ini yang memanfaatkan CSS seperti untuk keperluan menghias aplikasi mobile atau desktop.
HTML merupakan singkatan dari Cascading Style Sheets. Jika hanya mengartikannya secara bahasa tentu sulit mengerti apa itu CSS.
Fungsi dari CSS adalah menghias sebuah website sesuai yang kamu mau. Karena setiap situs punya target pengunjung yang berbeda, maka, perlu membuat setiap situs menjadi unik.
Dengan CSS, kita bisa memberi sentuhan personal untuk setiap situs yang kamu buat. Fakta bahwa setiap situs yang kamu kunjungi tampilkannya berbeda-beda adalah karena kekuatan CSS.
Baca di sini apa itu website
CSS tidak bisa berdiri sendiri. CSS hanya bisa menghias elemen yang telah dibuat di HTML sebelumnya.
Untuk membuat sebuah situs menjadi interaktif, digunakan Javascript. Baca artikel tentang javascript
Javascript juga bisa dipanggil untuk mengubah nilai CSS.
File CSS terdiri dari selektor (element HTML yang mau kamu hias), propertinya dan juga nilai yang diberikan.
Contoh
p {
color: violet;
font-size: 24px
}
h1{
color: red;
font-size: 40px
}Di contoh ini, kita menghias tag p dan h1 yang ada pada HTML dengan warna dan ukuran yang berbeda.
Yang kamu butuhkan untuk menulis file CSS adalah text-editor. Sama seperti tempat menulis bahasa program pada umumnya.
Dengan text editor, kode CSS yang kamu tulis akan terlihat lebih rapi, cantik (dengan warna syntax) dan mudah dibaca.
Ada banyak text-editor yang tersedia di internet, seperti:
Kesempatan karir untuk yang bisa CSS sangat banyak, seperti sebagai frontend developer.
Bukan hanya pada website, banyak teknologi hybrid yang memungkinkan CSS diimplementasikan pada mobile, desktop dan media lainnya sebagai penghias.
Setelah membuat file CSS dengan ekstensi .css , tergantung cara kamu menulisnya (kamu bisa mempelajari dengan link-link di bawah nanti),
kamu perlu menyambungkan file CSS ke file HTML terlebih dahulu.
Setelah itu, kamu bisa membukan file HTMLnya langsung di browser seperti Chrome, Firefox atau Safari. Bisa klik dua kali pada file tersebut.
Ada banyak sumber belajar CSS yang tersedia di internet. Seperti: