Belajar CSS

Cascading Style Sheets (CSS) adalah salah satu bahasa yang di pergunakan untuk mengatur tampilan WEB atau Blog yang di tulis dalam bahasa markup (Bahasa alien kale ). Pwnggunaan CSS dalam WEB atau blog dapat memperindah dan mempercantik tampilan dari suatu WEB atau Blog dan apabila penggunaan javascript dapat di gantikan dengan CSS maka blog tersebut memilik size yang tidak begitu besar jadi WEB atau Blog sobat akan menjadi lebih ringan.

Disini saya akan menerangkan CSS properti yang biasa digunakan dalam blog namun yang saya ketahui saja sih jadi kalau kurang lengkap sobat bisa cari di mbah Google sekarang mari kita lihat ke bawah untuk mengetahui Properti CSS.

1. Background => warna latar belakang, biasanya disi dengan kode warna seperti #ffffff atau dengan gambar : url (alamat gambar).
2. Color => Warna dari Teks yang ada di blog, biasanya diisi juga dengan kode warna namun menurut saya tidak baik kalau menggunakan gambar.
3. Font-Size => Ukuran dari sebuah huruf, biasanya diisi dengan angka dan satuannya Pixel (PX) atau dengan em seperti : 20 px atau 20 em.
4. Font-family => style dari sebuah teks atau bisa juga disebut dengan Jebis Huruf, jenis teks yang familiar dan yang saya ketahui hanya : Verdana, Arial, Tahoma, Sans-serif, Georgia, Courier, Lucinda Grande, Times, Trebuchet dan Webdings.
5. Font-Weight => Ketebalan Huruf, untuk mengsinya biasanya di gunakan : Normal, Bold, Italic, bolder, light dan lighter.
6. Text-Align => Posisi perataan Kata atau kalimat, diisi dengan : Left (rata kiri), Center (rata Tengah), Right (rata kanan), dan Justify (rata kiri dan kanan).
7. Text-Transform => mengatur huruf menjadi kapital pada kalimat, Nilainya adalah : Lowercase (huruf kecil semua), Uppercase (huruf besar semua) dan Capitalize (Huruf besar pada awal setiap kata).
8. Text-decoration => dekorasi dari teks, yang diisi dengan : Blink (Tulisan dapat berkedip), Underline (Tulisan bergaris bawah), Line-trought (Tulisan tercoret), dan Overline (Tulisan bergaris atas).
9. Line-height => Tinggi dari suatu tulisan, biasanya diisi dengan angka dan satuan Pixel (PX) dan EM.
10. letter-Spacing => mengatur jarak spasi antar teks, diisi dengan angka dan satuannya pixel (PX) atau em.
11. List-Style-Type => bisa disamakan dengan bullet yang ada di microsoft Office, bisa diisi dengan : circle (bulat), disc (bulat bolong tengah), dan square (berbentuk kotak).
12. Border => garis, biasanya diisi dengan angka dengan satuan pixel dan em.
13. Width => panjang, panjang dari suatu objek, biasanya diisi dengan angka dan satuannya pixel dan em.
14. Height => lebar, lebar dari suatu objek, biasanya diisi dengan angka dan satuannya pixel dan em.
15. Float => letak dari suatu objek, ini hampir sama dengan text-align namun kalau text-align menentukan letak dari sebuah teks dan kalau Float menentukan dari suatu objek.
16. Overflow => penggunaan scroll apabila suatu objek kepanjangan biasanya dia didukung dengan Max-Height, bisa diisi dengan auto.

Nah mungkin hanya sekian saja dulu dari Belajar CSS-nya yang bisa saya bagikan kalau sobat ada yang mengetahui lebih dari yang diatas tolong di bagikan juga y biar saling sharing oke, saya akhiri saja y. Terima kasih Dan Happy Blogging .

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg