Belajar CSS Untuk Pemula Dari Awal Hingga Akhir Part 1

Belajar CSS Untuk Pemula Dari Awal Hingga Akhir Part 1

cara belajar css dengan mudah dari awal sampai akhir - Belajar mengedit dan memperbarui css yuk,kali ini mastah design akan memberikan pembelajaran yang sangat bermanfaat dan yang tentunya relevan dan modern,sekali kali orang lain juga ingin sekali belajar CSS Code,nah CSS code ini adalah singkatan dari Cascading Style Sheets Code,sebenarnya mempelajarin ini sangat mudah dan unik,dan jangan jika anda belum mempunyai blog silahkan baca - Belajar membuat blog bagi pemula,dan kegunaan kode CSS ini bisa di gunakan,disambungkan adatu dihubungkan dengan HTML kode

Cara Belajar CSS Lengkap Part 1

1.Cara Membuat Garis Kotak Pada Gambar Ataupun Widget.

cara membuat garis ini sangatlah mudah walaupun dikatakan sulit untuk melihat CSS Code di Template Anda ataupun anda malas untuk melihat kode ini dikarenakan mirip seperti semut hehe... :D dan berikut ini caranya :

#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

Baca juga : Kumpulan Situs untuk mendapatkan backlink 

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 underline atau 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.

Baca Juga Kesalahan SEO bagi Pemula yang harus dihindari

Semoga juga kami bisa terus mengupdate artikel dan tutorial lengkap dan jelas juga bermanfaat bisa terus berjalan Amin.

Share this :