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

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

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! 

Berbagi :