halo sobat semua bertemu lagi dengan saya admin di blog yang sederhana ini bagus1922.blogspot.com kalau sebelumnya saya membahas tentang HTML maka kali ini saya akan membahas tentang CSS . CSS dan HTML ini sangat berkaitan sobat , jadi untuk menjadi seorang programer web sobat harus menguasai kedua nya. CSS dan HTML ini seperti sahabat sejati yangtidak dapat dipisahkan haha . penasaran dengan apa itu CSS ? oke saya akan memberi tahu apa itu CSS .
Sebelum mempelajari CSS anda harus mengetahui HTML DASAR terlebih dahulu . bagi yang belum mengerti tentang HTML bisa baca di postingan saya sebelumnya .
CSS yaitu singkatan dari Cascading Style Sheet . CSS merupakan sebuah bahasa pemrograman yang fungsinya untuk menstrukturkan komponen-komponen web yang beragam agar sesuai dengan keinginan kita .
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. sumber wikipedia
MACAM-MACAM VERSI CSS :
•CSS 1, masih kuno, css hanya di kembangkan dan digunakan untuk formatting dokumen.
•CSS 2, lebih terasa mantap, Css sudah menggunakan font, table-layout, dan format dokumen agar mendukung media printer.
•CSS 3, terbaru, pengembangan dari versi sebelumnya dan memberikan fitur yang mengarah efek animasi seperti border efek, accordion,dll.
KEUNTUNGAN MENGGUNAKAN CSS :
•Memisahkan pembuatan dokumen (CSS dan HTML).
•Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen web.
•Akses web lebih cepat saat di-loading (mempercepat pembacaann HTML).
•Fleksibel, interaktif, tampilan lebih menarik dan nyaman dipandang.
•Lebih kecil ukuran file sehingga bandwith yang digunakan juga otomatis menjadi lebih kecil.
•Dapat digunakan pada semua web browser.
agar css dapat berjalan dengan HTML kita dapat menggunkan 3 Cara untuk memasukkan CSS :
1. Eksternal style sheet
ini merupakan cara yang banyak digunakan oleh para programer, karena dengan ini anda dapat mengubah tampilan seluruh situs Web dengan mengubah satu file. Setiap halaman harus link ke style sheet menggunakan tag <link>. Tag <link> masuk ke dalam bagian kepala dari HTML . contoh nya :
ini merupakan cara yang banyak digunakan oleh para programer, karena dengan ini anda dapat mengubah tampilan seluruh situs Web dengan mengubah satu file. Setiap halaman harus link ke style sheet menggunakan tag <link>. Tag <link> masuk ke dalam bagian kepala dari HTML . contoh nya :
<head>
<link rel=”stylesheet” type=”text/css” href=”bagus.css” />
</head>
dengan eksternal style sheet dapat ditulis dalam bentuk editor
teks apapun , dan harus disimpan pada ekstensi css .contoh script css nya seperti dibawah ini :
hr {color:sienna;}p {margin-left:30px;}
body {background-image:url(“images/bagus.gif”);}
Penting : JANGAN meninggalkan spasi antara nilai properti dan satuan! contoh :
“margin-left: 20 px” (bukan “margin-left: 20px”) karena ini tidak akan bekerja di Firefox atau Opera.
2. Internal style sheet
cara ini juga banyak digunkan oleh para programmer .cara ini digunakan langsung dibawah kepala HTML . jadi css nya kita tulis didalam HTML tidak diluar HTML . contoh nya :
script css langsung ditulis didalam file HTML .<head>
<style type=”text/css”>hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url(“images/back40.gif”);}
</style></head>
3. Inline style
cara inline style css ini jarang digunakan tetapi juga banyak yang menggukan kalau coding nya tidak terlalu banyak . cara penulisan nya yaitu dengan memasukkan script css ke dalam script HTML.
Untuk dapat menggunakan gaya inline ini, anda bisa menggunakan atribut style dalam tag yang relevan. maksud nya atribut style dapat berisi properti CSS. nah berikut contoh bagaimana mengubah warna dan margin kiri paragraf menggunakan inline style :
cara inline style css ini jarang digunakan tetapi juga banyak yang menggukan kalau coding nya tidak terlalu banyak . cara penulisan nya yaitu dengan memasukkan script css ke dalam script HTML.
Untuk dapat menggunakan gaya inline ini, anda bisa menggunakan atribut style dalam tag yang relevan. maksud nya atribut style dapat berisi properti CSS. nah berikut contoh bagaimana mengubah warna dan margin kiri paragraf menggunakan inline style :
<p style=”color:sienna;margin-left:20px”>belajar css dengan bagus.</p>
nah bagaimana sobat ? mudengkan penjelasan dari saya ? silahkan sobat pahami dulu , postingan selanjutnya saya akan berikan contoh css nya . terus ikuti blog saya ya .
0 Response to "Pengertian CSS "
Post a Comment