Cascading Style Sheets, adalah pengarah gaya (style) untuk sebuah halaman website. Ia dapat memanipulasi tampilan dan mempercantik halaman sebuah website. Dan saat ini CSS juga bisa membuat sebuah website tampil atraktif dengan efek efek transisi dan animasi.
Sebuah baris CSS dapat digunakan untuk merubah tampilan dan bentuk, dengan CSS sebuah text bisa dirubah warnanya sesuai dengan keinginan, background warna juga bisa diganti dengan warna yang diinginkan. Bisa menentukan ukuran sebuah font apakah besar sedang atau kecil dengan memberikan sebuah nilai pasti berupa angka padanya. Misalkan sebuah text di atur pada ukuran 12px untuk normal dan untuk heading di set pada 26px.
Itu contoh kecil saja untuk menggambarkan kegunaan dari sebuah CSS dalam halaman website.
Dengan CSS sebuah website akan tampak lebih hidup. Ada dua jenis CSS yang dikenal
- CSS Inline
Jenis ini adalah potongan kode yang disisipkan ke dalam sebuah kode html.
Sebagai contoh sebuah kode CSS untuk text dengan cetak tebal
<b>Cetak Tebal</b>
dengan menambahkan CSS inline kita bisa membuat warna tulisan menjadi merah
<b style="color:red">Cetak Tebal</b>
CSS inline dituliskan dengan awalan style dan diikuti oleh karakter sama dengan dan isi diapit tanda petik
style="color:red"
Hampir semua kode HTML bisa disisipi dengan CSS inline
- CSS File
Jenis ini adalah sebuah CSS yang berdiri sendiri sebagai sebuah file dengan ekstensi .css misalnya style.css, sesuatu.css, dan lain lain.
CSS jenis ini harus dipanggil di halaman HTML yang bersangkutan, ditulis di dalam bagian header diantara tag <head> dan </head> dan cara penulisannya dengan memanggil link dari file CSS tersebut
penulisan kode CSS jenis ini seperti berikut
body {
background: #fff;
color: #000;
}
.wrap {
width: 880px;
padding: 10px;
}
misalkan potongan file ini disimpan dengan nama style.css . File ini harus dipanggil dibagian header dari file HTML yang bersangkutan dengan kode seperti berikut
<link rel="stylesheet" type="text/css" href="style.css" />
penulisan alamat file disesuaikan misalkan ia ada di folder atau tidak
Dengan menambahkan elemen yang komplek pada sebuah file CSS maka akan semakin membuat website menarik. tetapi jangan berlebihan karena justru akan membuat website tampak 'kampungan'
Tidak ada komentar:
Posting Komentar