web design - web programmer

Belajar Desain Web atau Blog Dengan Dasar CSS - ShareItCare Blog

Dedi
by Dedi 17:22

Oke guys, dikesempatan kali ini saya akan share tentang CSS nih.. Sebelumnya saya juga sudah buat artikel untuk Mengenal Dasar HTML dan Membangun Web dan Blog. Check It Out!!

Cascading Style Sheets adalah bahasa lembar gaya yang digunakan untuk menggambarkan presentasi dokumen yang ditulis dalam bahasa markup seperti HTML. CSS adalah teknologi landasan World Wide Web, bersama HTML dan JavaScript.

Langsung aja deh yuk kita kenalan sama si CSS ini :v
Awal banget kita belajar Struktur Kode CSS yaa...


Selektor, adalah suatu elemen yang kita pilih dari HTML untuk kita beri style (Simpelnya sih gitu), selektor ini juga dapat berupa nama tag, class, id, dan atribut.


Blok Deklarasi, tempat kita menuliskan code css (atribut-atribut) dalam tanda kurung kurawal {}.
Mengubah font, backgroud-color, style, width, height, dls.

Properti dan Nilai, disini kita akan memberikan values kepada atribut seperti font: Time New Roman; color: blue; width: 200px; dls.

Untuk Penulisan Kode CSS seperti ini nih ^-^
Penulisan kode CSS di HTML dapat dilakukan di dalam tag <style>. Tag tersebut dapat ditulis di dalam tag <head> atau <body>.


Ada 2 tipe penulisan untuk Kode CSS ini sebenernya, yaitu.. Internal, Inline, dan Eksternal CSS.
Internal CSS adalah kode CSS yang ditulis di dalam tag <style>. Intarnal CSS juga dikenal dengan sebutan Embeded CSS.


Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML. Eksternal CSS ditulis disebuah file khusus yang berekstensi .css.


Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML. Setiap elemen HTML memiliki atribut style, di sana lah inline CSS ditulis.


Nah, sekarang akan saya kasih beberapa tips nih untuk para pemula yang lagi pengen belajar CSS dengan mudah.

  • Susah menghafal code css nya nih? Gampang kok sebenernya, sering-sering kalian ngetik aja pasti hafal sendiri nanti ^-^ (Inget, jangan hanya copas.. Nyontek boleh kok tapi diketik sendiri satu-satu ya :v)
  • Bagi pemula banget susah menggunakan text editor seperti notepad++ dan sejenisnya kan? Nah, kalian bisa gunakan Inspect Element pada browser kalian dan sekaligus melihat hasil setiap ketikan code css kalian. ^-^
  • Selanjutnya gunakan Cheat Sheet, ini nih bagi kalian yang suka copas-copas dan liat google kode css nya tapi sulit banget liat contekannya itu. Kalian bisa gunakan cheat sheet ini, banyak kok di google tinggal searching aja, terus print deh :v
Selesai dah.. Untuk dasar dan pengenalan kode css sampai sini aja udah cukup saya rasa ya :v Next time akan saya buatkan pengenalan lanjutan untuk HTML dan CSS ini ya guys, sabar ya.. Akhir-akhir ini saya juga lagi sibuk jadi jarang update konten deh. Stay Tune ya di blog ini ^-^

Note: Jika ada penulisan kata ataupun kode yang salah bisa kalian komen dibawah ya. Jangan lupa share juga ke temen-temen kalian untuk artikel ini, semoga bermanfaat!!

Post a Comment

0 Comments

Boleh share, Boleh copy, tapi jangan lupa sertakan nama blognya ya ^-^