Belajar CSS Dasar : Pengertian dan Pengenalan CSS #1

CSS Merupakan singkatan dari "Cascading Style Sheets" sesuai dengan namanya CSS memiliki sifat "style sheet language" yaitu bahasa pemograman yang digunakan untuk web design. CSS adalah bahasa pemograman yang digunakan untuk men-design sebuah halaman website. dalam mendesign halaman website, CSS menggunakan penanda yang kita kenal dengan .id dan class. Seperti yang sudah kita pelajari tentang pengenalan .id dan .class di kelas html.

Seiring berkembangnya dunia teknologi. CSS tidak cuma digunakan di HTML dan XHTML saja. tapi sudah bisa digunakan untuk mendisign tampilan aplikasi android CSS diakses menggunakan .id dan .class, Untuk contoh penulisannya perhatikan contoh berikut.

Fungsi dan Kegunaan CSS

CSS dapat mengubah font, ukuran font, warna dan format font. mengaturukuran layout, lebar, tinggi dan warna element, mengubah tampilan from, membuat halaman website yang Responsive dan masih banyak lagi yang lainnya yang dapat dilakukan CSS

Untuk mendesign font dapat dilakukan dengan mendifinisikan font. untuk mengatur warna bisa menggunakan color, margins digunakan untuk mengatur jarak pada luar element tertentu. mengatur warna atau gambar pada latar belakang bisa menggunakan "background", mengatur ukuran font menggunakan "font size". jenis font menggunakan "font-family" dan banyak lagi lainnya.

Cara Penggunaan CSS

File css disimpan dengan ektensi .css kemudian di import atau dihubungkan kedalam file HTML atau PHP yang ingin kita design dengan CSS menggunakan syntax berikut ini.

Dengan tag <link> seperti diatas digunakan untuk menghubungkan file HTML dengan file CSS. Syntax diatas diletakan pada file html. pada atribut rel dan type ditag link diatas digunakan untuk mendefinisikan bahwa yang dipanggil atau dihubungkan adalah file stylesheet atau css. Kemudian atribut href digunakan untuk meletakan file css, pada contoh diatas file style.css terletak satu folder atau direktori yang sama dengan file html yang ditambahkan syntax diatas.

Jika file css terletak diluar folder maka bisa menghubungkannya dengan\

href="../style.css"

jika file css terletak disebuah folder. katakan saja nama foldernya adalah "belajar" maka untuk menghubungkannya

href="belajar/style.css"

Sekian lah materi pembelajaran kita tentang pengertian dan pengenalan css. Selanjutnya akan dijelaskan tentang cara penulisan syntax CSS.