| Border (Garis Tepi) |
Garis yang membungkus konten dan padding. Analogi: Bingkai kayu pada sebuah foto. Efek: Memberikan batas visual yang jelas (bisa tebal, tipis, atau berwarna). |
×
|
| CSS Grid |
CSS Grid adalah sistem tata letak (layout) di CSS yang memungkinkan kamu membagi halaman web menjadi kolom dan baris secara bersamaan. Dengan Grid, kamu punya kendali penuh atas letak elemen, baik itu ke samping maupun ke bawah. Analogi Sederhana: "Lemari Display Besar" atau "Papan Catur" Bayangkan kamu punya sebuah Papan Catur atau Lemari Rak Besar yang punya kotak-kotak tetap: Kotak-kotak (Grid Cells): Kamu sudah punya petak-petak yang pasti. Bebas Letak: Kamu bisa bilang, "Buku ini harus ditaruh di kotak baris ke-2 kolom ke-3 sampai ke-4". Gabung Kotak: Kamu bisa menggabungkan dua atau tiga kotak jadi satu ruang besar (seperti menyatukan dua petak rak untuk naruh TV). |
×
|
| FLEXBOX |
Metode tata letak CSS untuk mengatur posisi, ukuran, dan perataan elemen di dalam sebuah wadah secara otomatis dan fleksibel. Poin Pentingnya: Anti Berantakan: Elemen di dalamnya bisa melebar atau mengecil sendiri sesuai ukuran layar (responsif). Gampang Atur Posisi: Kamu bisa bikin elemen jadi ke tengah, ke kanan, atau sejajar ke bawah cuma pakai satu baris kode. Satu Dimensi: Fokusnya cuma satu arah saja, mau baris (menyamping) atau kolom (ke bawah). Ibaratnya, Flexbox itu seperti rak pintar; barang-barang di dalamnya otomatis menyesuaikan diri biar pas dan rapi tanpa kamu perlu geser satu-satu secara manual. 😎🚀 |
×
|
| git add |
Tambahkan File Pilih file mana saja yang mau di-upload. Kalau mau semuanya, pakai tanda titik. |
×
|
| git commit -m "First upload: Fitur Dokter Zasha lengkap" |
kasih catatan |
×
|
| git init |
Perintah ini untuk menandai folder kamu sebagai project Git. |
×
|
| Inodes |
Inodes adalah jumlah total file dan folder yang ada di akun hosting kamu. Bayangkan hosting kamu itu sebuah gudang. Disk Space adalah luas gudangnya (ukurannya, misal 10 GB), sedangkan Inodes adalah jumlah barang yang ada di dalamnya (misal ada 100.000 kotak). |
×
|
| Margin (Ruang Luar) |
Jarak antara elemen tersebut dengan elemen lain di sekitarnya. Analogi: Jarak aman atau "social distancing" antara satu bingkai foto dengan bingkai foto lainnya di dinding. Efek: Membuat antar elemen tidak saling berdempetan. |
×
|
| Outline (Garis Luar Tambahan) |
Garis yang berada di luar border, tapi tidak memakan ruang (tidak menggeser elemen lain). Analogi: Cahaya laser yang mengelilingi bingkai foto. Efek: Biasanya muncul saat tombol diklik atau difokuskan (focus). |
×
|
| Padding (Ruang Dalam) |
Jarak antara konten (teks/gambar) dengan garis tepi (border). Analogi: Busa pelindung di dalam kardus biar barangnya nggak nempel ke dinding kardus. Efek: Membuat elemen terlihat lebih "gemuk" dan lega di dalam. |
×
|
| Parent Selector |
barat sebuah Kamar (Form) yang punya Lampu (Input). Begitu kamu menyalakan lampu (Focus), seluruh dinding kamarnya ikut berubah warna (Background-color). Saran buat Kamus ZASHA: Istilah: :has() Selector (Parent Selector) Penjelasan: Selector CSS untuk mengubah gaya elemen induk berdasarkan kondisi atau keberadaan elemen anaknya. |
×
|
| Upload ke GIT |
git add . git commit -m "tambah fitur tab dinamis" git push |
×
|