Setelah mempelajari cara penulisan HTML di Tutorial Belajar HTML Dasar, langkah berikutnya pada mempelajari pemograman web yakni mempelajari Cascading Style Sheets atau lebih populer dengan singkatannya, yakni CSS. Pada halaman ini, duniailkom akan mengindex seluruh Tutorial Belajar CSS Dasar untuk Pemula.
Namun kalau kamu belum memahami HTML, saya sarankan bagi mempelajarinya terlebih dahulu, karena bagi mendalami CSS, memerlukan sedikit pengetahuan mengenai HTML.
HTML dan CSS yakni bagian tak terpisahkan dari situs modern ketika ini. HTML digunakan bagi membangun konten atau kerangka logis dari halaman web, sedangkan CSS digunakan bagi mengatur tampilan dari situs, seperti warna dan font yang digunakan.
Selaku fitur pembelajaran CSS di Source Code Program.com, saya membagi panduan belajar CSS ini menjadi beberapa bagian:
Panduan Belajar CSS : CSS Basic
Bagian pertama-tama panduan belajar CSS diperuntukkan bagi kamu yang baru mengenal CSS, atau programmer pemula. Kita akan mempelajari dan mengetahui apa itu CSS, bagaimana cara menggunakan CSS, bagaimana cara memasukkan kode CSS, aturan serta tata cara penulisan CSS, dan kita pun akan membahas inti dari CSS, yakni Selector, Property dan Value.
Diinginkan dari beberapa panduan di bagian ini, kamu sedikit banyak akan mempunyai pemahaman cara penulisan CSS.
Index Panduan Belajar CSS Basic Duniailkom.com:
- Tutorial Belajar CSS Part 1: Pengertian CSS, Apa yang dimaksud dengan CSS?
- Tutorial Belajar CSS Part 2: Cara Menginput Kode CSS ke Halaman HTML
- Tutorial Belajar CSS Part 3: Pengertian Selector, Property dan Value pada CSS
- Tutorial Belajar CSS Part 4: Aturan dan Cara Penulisan Kode CSS
- Tutorial Belajar CSS Part 5: Mengenal Jenis-jenis Selector Dasar CSS
- Tutorial Belajar CSS Part 6: Cara Penggunaan Selector CSS
- Tutorial Belajar CSS Part 7: Urutan Prioritas Selector CSS (Cascading)
- Tutorial Belajar CSS Part 8: Urutan Prioritas Selector CSS (Specificity)
- Tutorial Belajar CSS Part 9: Mengenal Sifat Penurunan Dalam CSS (Inheritance)
- Tutorial Belajar CSS Part 10: Penulisan Kode Warna pada CSS
- Tutorial Belajar CSS Part 11: Mengenal Satuan Nilai (Value) dalam CSS
Panduan Belajar CSS: CSS Lanjutan
Di bagian kedua ini, kita akan mempelajari hal-hal yang lebih advanced. Panduan ini sengaja di pisah dengan Panduan Basic karena beberapa penjelasan membutuhkan pemahaman umum mengenai CSS.
- Tutorial Belajar CSS: Pengertian dan Cara Penulisan Kode Warna RGBA, HSL, dan HSLA
- Tutorial Belajar CSS: Pengertian Attribute Selector dalam CSS
- Tutorial Belajar CSS: Pengertian Pseudo-class dan Pseudo-element CSS
Panduan Belajar CSS: CSS Atribut Referensi
Bagian ketiga dari panduan CSS di Source Code Program, kita akan mempelajari bermacam-macam Property CSS. Dengan property inilah kita akan membangun ‘style‘ atau desain dari web. CSS menyediakan puluhan property yang akan dibahas dengan detail pada bagian ini, seperti font, list, gambar, background, dan beberapa property CSS lainnya.
Property Teks CSS:
- Tutorial Belajar CSS: Cara Merubah Jenis Font HTML dengan CSS (font-family)
- Tutorial Belajar CSS: Cara Menggunakan Font External dengan CSS (@font-face)
- Tutorial Belajar CSS: Cara Menggunakan Google Font dengan CSS
- Tutorial Belajar CSS: Cara Mengubah Ukuran Font HTML dengan CSS (font-size)
- Tutorial Belajar CSS: Cara Mengatur Tinggi Baris dalam Paragraf HTML (line-height)
- Tutorial Belajar CSS: Cara Memiringkan dan Menebalkan Huruf dengan CSS
- Tutorial Belajar CSS: Cara Mengubah Tampilan Huruf Kapital (Case) Teks HTML
- Tutorial Belajar CSS: Cara Penulisan Singkat Property Font CSS
- Tutorial Belajar CSS: Cara Membuat Teks Underline, Overline, dan Line-through
- Tutorial Belajar CSS: Cara Merubah Warna Teks (font) HTML dengan CSS (color)
- Tutorial Belajar CSS: Cara Mengatur Lebar (spasi) Antar Huruf dan Kata Teks HTML
- Tutorial Belajar CSS: Cara Mengatur Rata Teks HTML dengan CSS (text-align)
Ahir kata, semoga dari beberapa panduan mengenai CSS ini, kamu dapat menikmati mempelajari CSS dan mempelajarinya dengan fun, dari yang saya menikmati menulis panduan ini.
eBook CSS Uncover Duniailkom
Sumber https://www.duniailkom.com/
