- Back to Home »
- css , News Flash , Tutorial Blog »
- Cascading Style Sheets (CSS)
Posted by :
Unknown
Jumat, 22 Agustus 2014
Mbahsecond.blogspot.com - nah kali ini postingan tentang hal yang penting dalam dunia website, yaitu css, diman css itu sendiri bisa dibuat oleh para blogger sesuka hati. untuk lebih jelasnya tentang pengertian css maka langsung aja kita liat dengan jelas makna dari css, supaya temen-temen tidak salah pengertian tentang yang satu ini.
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 pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, 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 mengendalikan 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.
untuk cara penulisa css sendiri seperti berikut :
body {
color: #0789dd;
}
jadi untuk penulisan kode css diatas dapat didefinisikan yaitu selektor "body", karenaBagian pertama sebelum tanda '{}' dinamakan selector, dan color merupakan declaration karena diapit oleh '{}'. declaration terdiri dari dua unsur,yaitu property dan value..Selector dalam pernyataan di atas adalah h1, sedangkan
color : property, #0789dd : value
Metode
penulisan atau penggunaan css ke dalam file html memiliki 3 cara yaitu.
1. Inline
Style Sheet
CSS
didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup
dengan menambahkan atribut style="..." dalam tag HTML tersebut. Style
hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag
HTML yang lain.
2. Embedded
Style Sheet
CSS
didefinisikan terlebih dahulu dalam tag <style> ... </style> di
atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS
yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh
tag HTML yang bersangkutan.
1 3. Linked
Style Sheet
Yang
merupakan metode penulisan yang hanya membuat sebuah link untuk memfungsikan
atau memanggil css. Jadi
sebelum menggunakan metode ini yang perlu disiapkan adalah pembuatan file
khusus yang berekstensi .css kemudian buat file html, kemudian dalam file html
tuliskan script pemanggilan file css yang telahdibuat sebelumnya.
<link
rel=”stylesheet” href=”namafile.css” type=”text/css”>
Kelebihan
dan juga Fitur –fitur yang disediakan dalam css3 peningkatan fungsionalnya
dengan memungkinkan menyediakan fungsi sebelumnya hanya bisa dilakukan oleh
bahasa pemgrograman lainnya. Dengan css3 bisa dibuat sama hal nya yang
dilakukan oleh bahasa lainnya.