Mengenal CSS

Pengertian CSS

CSS adalah singkatan dari Cascading Style Sheet.
CSS digunakan untuk mengatur/mengubah tampilan (Style) sebuah halaman web.
File CSS dapat dibuat dengan menggunakan teks editor seperti notepad, dengan menambahkan ekstensi .css.
Kita tidak perlu menambahkan/ menginstal program tambahan untuk membuat sebuah file CSS.

Tanpa File CSS

Kita tetap dapat membuat halaman web tanpa mengggunakan file CSS. Bila kita berpublikasi di blogspot atau menggunakan fasilitas perancangan web/template, file CSS tidak perlu kita buat karena sudah tersedia. Tanpa file CSS, halaman web kita akan mengikuti tampilan baku/standar.

Cara Mengatur/Mengubah Style

Membuat file CSS bukanlah satu-satunya cara untuk mengatur/mengubah tampilan (style) halaman web. Tepatnya, ada tiga cara menambahkan style pada halaman web kita, yaitu:

Dengan file CSS (eksternal)
Dengan menambahkan pada bagian head file HTML (internal)
Dengan menyisipkan langsung pada tag HTML (inline).

Kita dapat menggunakan ketiga cara tersebut (kombinasi) secara bersama-sama.

Apa yang bisa dilakukan Dengan CSS

Tampilan yang bisa kita ubah/atur dengan CSS antara lain:

Warna. Kita dapat mengatur warna latar, huruf, garis/border, dan lain-lain.
Ukuran. Kita dapat mengubah ukuran huruf, uuran halaman web secara keseluruhan, ukuran tabel, dan sebagainya.
Posisi. Kita dapat mengatur posisi suatu unsur halaman web, apakah tergulung bersama layar (normal), ataukah tetap (fixed).

Contoh CSS

Contoh CSS
(posisi normal)

CSS dapat digunakan untuk mengatur posisi suatu bagian (unsur) halaman web apakah tetap/statis pada posisi tertentu di layar (tidak tergulung) ataukah normal. Lihat contoh disamping kiri dan atas.

Recomended Site

Bagi anda yang ingin mempelajari CSS, anda bisa bisa mencari/searching situs-situs yang ada di internet.
Atau anda bisa mencoba situs tutorial yang sering saya kunjungi:

https://www.w3schools.com/css/

Kenapa w3schools.com:

gratis
mudah dipahami
materi tutorialnya lengkap
bisa langsung mencoba (Try It Yourself)
menyediakan file yang kita butuhkan (misalnya file "w3.css" yang digunakan dalam situs lagonlon ini)

Contoh CSS
(posisi tetap/fixed)

lagonlon