| Belajar CSS kode Untuk Pemula dari awal hingga akhir Part 1 |
Cara Membuat Garis kotak Pada gambar atau Widget
#Gambarareanya {border:5px solid #e32;}Keterangan dan keterangan :
# → Awalan CSS Bisa menggunakan tanda [Pagar] ataupun [titik]
Gambarareanya → Pilih code yang ingin diberikan CSS Style contoh ini adalah gambar
{ - } → Kode ini untuk pembuka ataupun penutup
border → Garisnya ket. : untuk membuat gambar dipotong pinggir ataupun menjadikan bulat (border-radius),untuk hanya 1 garis border-bottom (contoh dibawah) untuk kiri,kanan,atas (left,right,top)
5px → ketebalan atau ukuran garis tersebut .
solid → Type garisnya yaitu lurus,jika ingin membuat garis titik titik ganti menjadi (dotted) dan jika di ganti menjadi garis dobel yaitu (double)
#e32 → itu adalah kode warna merah pada garis (menjadikan merah garisnya)
; → kode pemisah antara kode misalnya {border:5px solid #e32;font-family:Arial}
Baca juga : meriset keyword terbaru 2015
2.Membuat Ataupun Mengganti Jenis Font
bagaimana anda bisa mengerti cara mengubah atau mengganti font di blog anda?,dan kami mempunyai tutorial untuk pembelajaran anda :D
#artikelpost {font:normal 14px Arial;}Keterangan dan keterangan :
font → Semua font yang di atur langsung,dengan yang ini tidak ribet untuk anda yang tidak suka mengetik lama lama
normal → ketebalan pada font,berbeda dengan border ketebalan pada font hanya di pakai normal,bold, 300,400,700,dan 900 anda juga bisa menghapusnya atau tanpa kode ini dengan mode default.
14px → nah sudah di jelaskan code normal adalah ketebalan berarti 14px adalah ukuran font,dan anda bisa mengganti px dengan em dan lain lain
Arial → Jenis font yang dipilih untuk menjadikan font utama di CSS tersebut
ataupun anda bisa mengganti font : dengan font-family hanya saja caranya harus secara terpisah :
#artikelpost {font-family:Arial;font-size:14px;font-weight:normal}
3.membuat dekorasi pada font ataupun teks
membuat dekorasi mudah sekali tinggal dengan menambahkan 1 kode saja bisa membuat semuanya memberikan dekorasi contohnya memberikan dekorasi underlineatau garis bawah :
#artikelpost2 {font:normal 14px Arial;text-decoration:underline;}Keterangan dan kegunaan :
Text-decoration → teks dekorasi judul untuk stylenya
underline → code style memberikan garis bawah bisa di ganti dengan,italic
4.membuat teks garis besar semua
mudah sangat untuk memperlajari ini,sama seperti text-dekorasi hanya menambahkan 1 kode saja
contoh untuk membuatnya :
... ;text-transform:uppercase;}keterangan dan kegunaan :
text-transform → teks transformasi judul untuk style dan disambungkan dengan
Uppercase → isi dari style yaitu membuat teks besar dengan CSS,bisa diganti dengan Lowercase dan lain lain.
dan mungkin ini saja postingan yang berjudul Belajar Kode CSS dengan jelas dan lengkap Part 1,dan rencananya ini akan di lanjut ke Part 2 dan seterusnya.
Penulis : Rafael Nuansa - Shared Mastah Design
