Lompat ke konten Lompat ke sidebar Lompat ke footer

Tutorial Belajar CSS Dasar Untuk Pemula

Hai Semua, Halo Teman Teman , Bagaimana Keadaan Teman Teman Semua? Semoga Baik Baik saja yah. Oke pada Kesempatan ini, kita akan memasuki Materi Selanjutnya dari HTML, yaitu CSS. Ingin mengetahui apa itu CSS lebih lengkap? Mari kita jelajahi di Blog Ini!

LIST MATERI YANG SUDAH TERSEDIA
  1. BELAJAR CSS 1 | Mengenal Struktur Dasar CSS
  2. BELAJAR CSS 2 | Memahami Selector Id Dan Class
  3. BELAJAR CSS 3 | Mengatur Background Dengan CSS
  4. BELAJAR CSS 4 | Cara Mengatur Text Dengan CSS
  5. BELAJAR CSS 5 | Cara Menghias Link Dengan CSS
  6. BELAJAR CSS 6 | Menghias Table Dengan CSS
  7. BELAJAR CSS 7 | Dimensi Elemen Tinggi Dan Lebar Pada CSS
  8. BELAJAR CSS 8 | Display Inline, Block Dan Inline-Block Pada CSS
  9. BELAJAR CSS | Memahami Margin, Padding Dan Border Pada CSS
  10. BELAJAR CSS | Position Pada CSS
  11. BELAJAR CSS | Memahami Position Static, Relative, Absolute Dan Fixed Pada CSS
  12. BELAJAR CSS | Apa itu z-index Cascading Style Sheets
  13. BELAJAR CSS | Float Pada CSS
  14. BELAJAR CSS | Mengenal CSS Reset
  15. Desain Form Keren dengan HTML dan CSS
  16. BELAJAR CSS | Cara Membuat Efek Bayangan Dengan CSS (css-shadow)
  17. BELAJAR CSS | Mengenal Property box-sizing dan Vendor Previx pada CSS
  18. BELAJAR CSS | Cara Merubah Font Dengan CSS (font-family)
  19. BELAJAR CSS | Cara Menggunakan Font External dengan CSS (@font-face)
  20. BELAJAR CSS | Membuat Warna Gradient Dengan CSS
  21. BELAJAR CSS | Gradient Keren Dengan CSS
  22. BELAJAR CSS | Memahami Flexbox Layout CSS Part1

Belajar CSS Pemula
Belajar CSS
Beberapa hal yang akan kita bahas pada Artikel ini adalah

  • Apa itu CSS?,
  • Struktur Dasar CSS,
  • Beberapa Tips Menguasai CSS.


Apa Itu CSS?

CSS adalah kode atau bahasa kedua yang harus bisa dan dikuasi oleh seorang Pengembang Web atau Web Developer bahasa keren nya. 
Kenapa Begitu?!
Karena HTML tanpa CSS bagai , Desain Grafis Tanpa Warna. yah bisa dibilang bgitu lah wkwk.
contoh nya nih sebuah halaman GOOGLE

google with css
CSS

google no css
No CSS
Setelah dilihat sih mungkin begitu yah :D

CSS (Cascading Style Sheets) dalam bahasa bakunya yaitu | kumpulan kode yang digunakan untuk mendefinisikan desain dari bahasa markup atau HTML  | sedangkan
CSS dalam bahasa seharian adalah | kumpulan kode yang digunakan untuk mempercantik sebuah halaman website, mulai dari font, gambar, dan bisa jadi semuanya

 Versi Perkembangan CSS

  • CSS 1 : adalah CSS versi Peratama (17 Desember 1996) /belum lahir guys wkwk/
  • CSS 2 : adalah CSS versi Kedua nya (Mei 1998)
  • CSS 2 : adalah CSS versi Kedua nya (7 Juni 2011)
  • CSS 3 : dan ini adalah CSS versi Tiga (2012)
  • CSS 4 : masih dalam pengembangan 
Nah pasti dibalik versi tersebut ada perbedaan, mulai dari penambahan serta pengurangan pada masing masing versi nya, mungkin bisa baca lengkap di referensi google

Struktur / Kode Dasar CSS

  1. Selektor, 
  2. Blok Deklarasi,
  3. Property dan Nilai
okey teman teman untuk Struktur Dasar itu kita akan mempelajari di Halaman Selanjutnya dan masih tetap dalam blog Awonapa JR.

Beberapa Tips Menguasai CSS

Nah pada Bagian Ini ada beberapa Tips yang ingin saya bagikan untuk memudahkan teman teman dalam belajar CSS
Yang pertama ini, teman teman bisa memulai dengan sering berlatih membuat sebuah halaman web dengan imajinasi kalian sendiri, dan saya yakin pasti teman teman lebih kreatif untuk mencari kode ini, kode itu, nah seperti itu
Gunakan sebuah plugin atau tools tambahan pada code editor teman teman, nah kalau saya sih masih menggunakan Sublime Text, dan saya pakai Emmet untuk Mempermudahkan nya. Cara Mudah CSS dengan EMMET 
Teman Teman juga bisa menggunakan Cheat Sheets CSS yang sudah ada di google
Nah teman teman sekalian mungkin cukup itu dulu yang bisa saya sharing pada kesempatan kali ini, selanjutnya kita akan membahas Tentang Struktur Dasar CSS.


Mengenal Struktur Dasar CSS

Terimakasih dan Sampai Jumpa Kembali!!
Salam Semangat! 

4 komentar untuk "Tutorial Belajar CSS Dasar Untuk Pemula"

  1. Terima kasih infonya sangat bermanfaat, kunjungi website kami juga di http://jos.co.id/


    Semoga sukses selalu :)

    BalasHapus
    Balasan
    1. Terimakasih sudah berkunjung, sama sama, Sukses Selalu Lur :)

      Hapus
  2. Makasih sudah berkunjung lur...

    BalasHapus
  3. Sangat lengkap materinya mas

    BalasHapus