Apa itu CSS: pengertian dan informasi detail

Daftar Isi:

Apa itu CSS ?
CSS Kepanjangannya apa ?
Apa fungsi dari CSS ?
Apa hubungannya dengan HTML ?
Apa hubungannya dengan Javascr...
Seperti apa file CSS ?
Aplikasi apa yang dibutuhkan u...
Apa kesempatan karir untuk yan...
Bagaimana cara melihat hasilny...
Di mana belajar CSS untuk pemu...

ilustrasi apa itu CSS website — ilustrasi apa website CSS

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.

Apa itu CSS ?

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.

CSS Kepanjangannya apa ?

HTML merupakan singkatan dari Cascading Style Sheets. Jika hanya mengartikannya secara bahasa tentu sulit mengerti apa itu CSS.

Apa fungsi dari 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

Apa hubungannya dengan HTML ?

CSS tidak bisa berdiri sendiri. CSS hanya bisa menghias elemen yang telah dibuat di HTML sebelumnya.

Apa hubungannya dengan Javascript ?

Untuk membuat sebuah situs menjadi interaktif, digunakan Javascript. Baca artikel tentang javascript

Javascript juga bisa dipanggil untuk mengubah nilai CSS.

Seperti apa file 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.

Aplikasi apa yang dibutuhkan untuk menulis CSS ?

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:

Apa kesempatan karir untuk yang bisa CSS ?

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.

Bagaimana cara melihat hasilnya ?

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.

Di mana belajar CSS untuk pemula ?

Ada banyak sumber belajar CSS yang tersedia di internet. Seperti: