A. PENDAHULUAN
Kali ini saya akan bahas tentang apa itu Tutorial CSS. CSS ini juga merupakan kepanjangan dari Cascading Style Sheet yaitu suatu dokumen yang digunakan untuk melakukan pengaturan halaman web.
B. LATAR BELAKANG
Karena CSS tidak memerlukan perangkat lunak tertentu karena merupakan script yang telah
embeded dengan HTML.
C. TUJUAN
Tujuan CSS itu sendiri adalah tidak memerlukan perangkat lunak tertentu karena merupakan script yang telah embeded dengan HTML. Cukup menggunakan aplikasi seperti note pad, anda sudah mampu menciptakan script CSS sendiri.
D. PEMBAHASAN
CSS adalah bahasa kedua setelah HTML yang harus dipelajari seorang web developer.
Suatu style sheet merupakan tempat dimana anda mengontrol dan memanage style-style yang ada.
Style sheet mendeskripsikan bagaiman tampilan document HTML di layar. Anda juga bias
menyebutnya sebagai template dari documents HTML yang menggunakanya.
Anda juga bisa membuat efek-efek sepsial di web anda dengan menggunakan style sheet. Sebagai
contoh anda bisa membuat style sheet yang mendefinisikan style untuk <H1> dengan style bold dan
italic dan berwarna biru. Atau pada tag <P> yang akan di tampilkan dengan warna kuning dan
menggunakan font verdana dan masih banyak lagi yang bias anda lakukan dengan style sheet.
Secara teoritis anda bisa menggunakan style sheet technology dengan HTML. Akan tetapi pada
prakteknya hanya Cascading Style Sheet (CSS) technology yang support pada hampir semua web
Browser. Karena CSS telah di setandartkan oleh World Wide Web Consortium (W3C) untuk di
gunakan di web browser.
Penulisan css pada web dapat dibagi menjadi tiga:
- penulisan css internal
- penulisan css external.
- Penulisan css Inline style.
<head>
</head>
Berikut contoh penulisan css internal yang ditaruh pada file index.html
Penulisan css secara external kode css disimpan dengan nama file yang berbeda<html> <head> <title> judul web </title><style type=text/css> body { background-color:#999; } </style> </head> <body> </body> </html>
contoh: pada dreamweaver klik file new–>blank page –>CSS lalu create setelah itu tulis kode dibawah ini;
<style type=text/css> body { background-color:#999; } </style>Anda dapat meyimpan kode dengan extention css. contoh simpan kode diatas dengan nama seting.css
contoh Penulisan css Inline style.
penulisan ini langsung ditaruh di tag css:
<p style=”color:sienna;margin-left:20px”>This is a paragraph.</p>E. KESIMPULAN
Dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style.
F. PENUTUP
Sekian dari saya mohon ma'af kalau penjelasan di atas masih ada yang kurang.
Wassalamu'alaikum Wr.Wb
