Cascading Style Sheet (CSS)

css_cascading_style_sheet

CASCADING STYLE SHEET (CSS)

Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi word processing seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, sub-bab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengatur ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Sintaks Dasar pada CSS
Sintaks pada CSS terdiri dari dua bagian, yakni bagian Selector dan bagian Declaration. Di dalam Declaration terdapat sebuah Property dan Value. Ilustrasinya bisa dilihat pada gambar di bawah ini :

image015

Selector adalah bagian pada HTML yang akan menjadi target dari pemformatan oleh CSS, umumnya adalah berupa elemen HTML. Sedangkan Declaration adalah bagian dari sintaks CSS yang berisi format-format (styles) yang dinyatakan dengan Property dan Value. Sebuah baris kode CSS bisa terdapat satu atau banyak Declaration.
Aturan penulisannya :
 Selector ditulis pada bagian awal baris kode CSS
 Declaration ditulis antara tanda “{“…. “}”
 Penulisan Property dan Value pada Declaration dibatasi dengan tanda “:”
 Setiap Declaration diakhiri dengan tanda “;” sebelum ditulis Declaration baru.

image013

Penjelasan Dari contoh di atas, bisa dijelaskan sebagai berikut :
 Selector yang digunakan adalah “p”, yakni sebuah tag HTML yang digunakan untuk mendefinisikan sebuah paragraf.
 Declaration pada contoh diatas dinyatakan dengan “color:blue;” dan “text-align:center;”
 Maka baris CSS tersebut akan menjadikan elemen paragraph (p) dalam dokumen HTML sebagai target pemformatan. Dalam hal ini, konten dalam elemen “p” akan diformat dengan warna biru dan perataan teksnya adalah center.
Bentuk Komentar pada CSS (CSS Comments)
Komentar (comment) digunakan untuk memberikan penjelasan pada baris kode CSS yang kita buat, dan akan sangat berguna ketika kita akan mengedit baris kode tersebut di kemudian hari. Baris kode yang dinyatakan sebagai komentar, tidak akan ditampilkan pada browser.
Komentar pada CSS dimulai dengan tanda “/*” dan diakhiri dengan tanda “*/”, contoh :

image011

Download fulltext–> CSS Tutorial

Iklan
By kerajaan perpustakaan Posted in tugas Dengan kaitkata

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s