Mengenal CSS

Pengunjung

KimiaTNT  

Ingin belajar web?

Saat ini banyak ragam ilmu (program) yang diperuntukkan bagi mereka yang ingin membuat dan mengembangkan situs web, seperti: HTML, CSS, JavaScript, PHP, ASP, MySQL, XML, XSL, XHTML, dan lain-lain. Keragaman tersebut kadang membuat kita menjadi 'gamang' dan malas untuk mempelajari ilmu web. Kita lebih memilih menggunakan fitur-fitur instan yang banyak tersedia untuk melengkapi halaman web yang kita miliki.

Untuk apa repot-repot mempelajari aplikasi web, jika sudah banyak tersedia fitur-fitur web yang sudah jadi? Inilah pandangan kita pada umumnya, dan tentu tidak salah. Padahal, program-program tersebut tidaklah sulit untuk dipelajari dan tidak harus semua program kita pelajari, tergantung dari kebutuhan kita. Ditambah lagi, mempelajari ilmu web memberikan kesenangan tersendiri dan dapat meningkatkan kreativitas kita.

Tulisan ini diperuntukkan bagi anda yang ingin mempelajari ilmu web. Dengan tujuan, agar anda memiliki gambaran umum tentang ilmu-ilmu web, perbedaan fungsi masing-masing, kemudian dapat memutuskan mana yang akan dipelajari terlebih dahulu, mana yang dipelajari kemudian, dan mana yang tidak perlu dipelajari, tergantung dari kebutuhan anda. Untuk mempelajari ilmu web lebih lanjut, anda dapat mengunjungi situs-situs tutorial yang banyak tersedia di internet.

HTML

CSS

JavaScript

PHP

MySQL

XML

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-atau tetap.

Contoh CSS Contoh CSS (posisi statis) Contoh CSS (tergulung) CSS dapat digunakan untuk mengatur posisi suatu bagian (unsur) halaman web apakah statis (tidak tergulung) ataukah ikut tergulung. Lihat contoh disamping kiri dan kiri bawah.