CSS adalah kependekkan dari Cascading Style Sheet. Dengan menggunakan CSS kita dapat menciptakan sebuah format template pada setiap halaman web Anda dengan sangat mudah dan dinamis. Di dalam halaman web terdapat terdapat beberapa elemen HTML yang kesemuanya itu dapat dikendalikan dengan menggunakan sebuah bahasa script CSS, dalam pengaturannya biasanya style disimpan di dalam sebuah file yang bernama style sheet.css. Style sheet ini dapat juga berupa file maupun embeded bersama tag HTML itu sendiri.
Dengan menggunakan CSS kita dapat menghemat pekerjaan pengaturan web, karena HTML hanya mengijinkan untuk pengaturan halaman per-elemen saja. Jadi jika kita membuat sebuah web yang besar kita akan dipersulit dengan pengaturan halaman baik itu warna background, jenis text, maupun ukuran text.
Dengan adanya kesulitan di atas, maka CSS telah memberi solusi. Jika mengggunakan CSS, cukup sekali saja dalam menentukan sebuah bentuk Lay Out halaman web kita yang kemudian semua halaman akan dihubungkan dengan file CSS yang telah kita buat. Selain itu kita juga diberikan kemudahan dalam mengelola web. Jadi kapan pun kita dapat mengganti tampilan halaman dengan hanya merubah file dokumen Style sheet yang telah kita buat.
Di dalam HTML dikenal tiga macam teknik dalam penulisan dokumen Style sheet, yaitu :
a. External Style Sheet
External Style Sheet atau juga kita dapat menyebutnya dengan istilah Linking Style Sheet. Kita sebut External karena pada teknik ini kita menuliskan semua efek style di dalam sebuah dokumen tersendiri yang kita panggil dengan menggunakan Link. Teknik pemanggilannya kita deklarasikan di dalam tag head.
b. Internal style sheet (inside the <head> tag)
Internal Style Sheet atau sering juga disebut Embeding Style Sheet adalah sebuah metode penulisan dokumen Style CSS pada satu halaman HTML, dokumen ini diletakkan bercampur dengan tag HTML yang dibaca diantara tag <head></head>.
c. Inline style (inside an HTML element
Inline Style adalah sebuah metode penulisan CSS langsung pada komponen tag HTML. Akan tetapi cara ini kurang begitu digunakan karena proses penulisannya yang langsung dituliskan di dalam elemen HTML sehingga mempersulit apabila kita memiliki dokumen HTML yang begitu banyak. Jadi dengan metode ini kita harus meletakkan efek-efek yang kita inginkan di dalam setiap tag HTML yang kita inginkan. Teknik penulisannya adalah sebagai berikut:
Dengan menggunakan CSS kita dapat menghemat pekerjaan pengaturan web, karena HTML hanya mengijinkan untuk pengaturan halaman per-elemen saja. Jadi jika kita membuat sebuah web yang besar kita akan dipersulit dengan pengaturan halaman baik itu warna background, jenis text, maupun ukuran text.
Dengan adanya kesulitan di atas, maka CSS telah memberi solusi. Jika mengggunakan CSS, cukup sekali saja dalam menentukan sebuah bentuk Lay Out halaman web kita yang kemudian semua halaman akan dihubungkan dengan file CSS yang telah kita buat. Selain itu kita juga diberikan kemudahan dalam mengelola web. Jadi kapan pun kita dapat mengganti tampilan halaman dengan hanya merubah file dokumen Style sheet yang telah kita buat.
Di dalam HTML dikenal tiga macam teknik dalam penulisan dokumen Style sheet, yaitu :
a. External Style Sheet
External Style Sheet atau juga kita dapat menyebutnya dengan istilah Linking Style Sheet. Kita sebut External karena pada teknik ini kita menuliskan semua efek style di dalam sebuah dokumen tersendiri yang kita panggil dengan menggunakan Link. Teknik pemanggilannya kita deklarasikan di dalam tag head.
<link rel="stylesheet" type="text/css" href="css_file.css">
b. Internal style sheet (inside the <head> tag)
Internal Style Sheet atau sering juga disebut Embeding Style Sheet adalah sebuah metode penulisan dokumen Style CSS pada satu halaman HTML, dokumen ini diletakkan bercampur dengan tag HTML yang dibaca diantara tag <head></head>.
<style type="text/css"> …definisi style… </style>
c. Inline style (inside an HTML element
Inline Style adalah sebuah metode penulisan CSS langsung pada komponen tag HTML. Akan tetapi cara ini kurang begitu digunakan karena proses penulisannya yang langsung dituliskan di dalam elemen HTML sehingga mempersulit apabila kita memiliki dokumen HTML yang begitu banyak. Jadi dengan metode ini kita harus meletakkan efek-efek yang kita inginkan di dalam setiap tag HTML yang kita inginkan. Teknik penulisannya adalah sebagai berikut:
<div STYLE="definisi_style…"> teks </div>
Komentar
Posting Komentar