Advertisement

Responsive Advertisement

roadmap css basic

 





Dalam membangun sebuah website ada tahapan yang harus dipelajari mulai dari CSS, HTML hingga Javascript, berikut adalah roadmap css sederhana yang sering digunakan untuk belajar membuat website.


  • CSS COLOR biasanya digunakan untuk menentukan warna, kode warna yang digunakan bervariasi seperti RGB, HEX, HSL, RGBA, HSLA.
  • CSS BACKGROUND background css biasanya digunakan untuk menampilkan foto objek atau gambar, background css juga bisa digunakan untuk mengubah objek menjadi warna, elemen background css juga bisa mengatur ukuran gambar yang akan kita tampilkan
  • CSS BORDER Fungsi border css biasanya digunakan untuk membuat tabel
  • CSS MARGIN Margin digunakan untuk membuat ruang di sekitar elemen, di luar batas yang ditentukan.
  • CSS PADING Padding digunakan untuk membuat ruang di sekitar konten elemen, dalam batas yang ditentukan.
  • CSS BOX MODEL Model kotak atau disebut juga dengan BOX MODEL pada dasarnya adalah sebuah kotak yang membungkus setiap elemen HTML. Untuk membuat model kotak ada beberapa elemen yang dibutuhkan seperti konten, margin, padding, border
  • Tabel CSS di atas namanya tentunya semua sudah tahu di css kita juga bisa membuat tabel seperti di microsoft word dan excel tapi untuk membuat tabel dengan css ada beberapa elemen yang di perlukan
    • <tabel> = Tabel
    • <tr> = Baris tabel
    • <td> = Tabel data
    • <tbody> = normal untuk membungkus
  • CSS FLEXBOX Sebelum membuat Tata Letak Flexbox, ada beberapa element yang bisa digunakan      
    • flex Container
    • flex Item
    • flex Responsive
  • CSS POSITION CSS untuk mengunakan css postion kita dapat mengunakan beberapa element untuk megatur posisi sesuia yang kita inginkan mengunakan element di bawah ini.
    • static
    • relative
    • fixed
    • absolute
    • sticky


Posting Komentar

0 Komentar