Mengenal CSS

Sejarah dan Perkembangan CSS

Cascading Style Sheets dibuat sekaligus dikembangkan oleh World Wide Consortium atau W3C di tahun 1996. Alasan dikembangkan sistem ini pun sederhana, HTML dulu tidak dilengkapi dengan tag yang berfungsi sebagai alat untuk format halaman sehingga lahirlah CSS.Terdapat banyak hal yang bisa dilakukan oleh para pengelola website dengan menggunakan CSS. Ketimbang memakai pemograman inti seperti HTML dan PHP.

CSS yang digunakan bisa dipakai dalam mengatur warna pada teks, jenis font untuk teks, baris antara paragraph, ukuran kolom dan jenis background.CSS juga bisa digunakan untuk mendesain layout sebagai fungsi utama, melakukan variasi pada tampilan dalam berbagai perangkat yang berbeda serta efek berbeda yang digunakan di dalam website.

Pengertian CSS

CSS adalah kepanjangaan dari Cascading Style Sheets yang berguna untuk menyederhanakan proses pembuatan website dengan mengatur elemen yang tertulis di bahasa markup.CSS dipakai untuk mendesain halaman depan atau tampilan website (front end). CSS menangani tampilan dan ‘rasa’ dari halaman website.

Ada banyak hal yang dapat Anda lakukan menggunakan CSS dibandingkan dengan bahasa pemrograman inti seperti HTML dan PHP. Ketika menggunakan CSS, Anda dapat mengatur warna teks, jenis font, baris antar paragraf, ukuran kolom, dan jenis background yang dipakai.

Tidak hanya itu CSS juga bisa untuk mendesain layout, variasi tampilan di berbagai perangkat yang berbeda, dan berbagai efek yang dipakai di dalam website.

CSS sangat mudah dipelajari, tapi juga powerful karena dapat mengontrol penyajian tampilan dari dokumen HTML dan PHP. Mulai dari yang simpel sampai kompleks. Tidak heran jika saat ini CSS hampir dipakai di berbagai website untuk dikombinasikan dengan HTML maupun PHP.

Pelajari Tutorial CSS dari nol ampai akhir.

Tutorial CSS Dasar

Tutorial CSS dasar dirancang untuk memahami cara kerja CSS, mulai dari aturan penulisan, cara menginput CSS ke dalam halaman HTML serta aturan-aturan dasar CSS.

  • Tutorial Belajar CSS Dasar
  • 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

Referensi Property CSS

Dalam Referensi Property CSS ini kita akan membahas cara penggunaan berbagai property CSS, serta tips dan trik untuk menggunakan property tersebut secara efisien. Diharapkan tutorial ini bisa menjadi bahan referensi untuk mempelajari CSS,termasuk CSS3.

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)

CSS Box Model

Salah satu konsep dasar yang wajib dipahami di dalam CSS adalah CSS Box Model. Dalam tutorial ini kita akan membahas lebih dalam apa itu CSS Box Model.

  • Tutorial Belajar CSS: Pengertian CSS Box Model
  • Tutorial Belajar CSS: Cara Mengatur Lebar Element HTML (width)
  • Tutorial Belajar CSS: Cara Mengatur Tinggi Element HTML (height)
  • Tutorial Belajar CSS: Cara Membuat Garis Tepi pada HTML (border)
  • Tutorial Belajar CSS: Pengertian Padding dan Fungsi Padding dalam CSS
  • Tutorial Belajar CSS: Pengertian Margin dan Fungsi Margin dalam CSS
  • Tutorial Belajar CSS: Cara Menghitung Lebar dan Tinggi CSS Box Model
  • Tutorial Belajar CSS: Membuat Gallery Gambar dengan HTML dan CSS

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *