HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

Tutorial CSS

RUMAH CSS Pengenalan CSS Sintaks CSS Pemilih CSS CSS Bagaimana caranya? Komentar CSS Warna CSS
warna RGB HEX HSL
Latar Belakang CSS
Warna latar belakang Gambar latar belakang Pengulangan Latar Belakang Lampiran Latar Belakang Singkatan Latar Belakang
Batas CSS
perbatasan Lebar Perbatasan Warna Perbatasan Sisi Perbatasan Singkatan Perbatasan Perbatasan Bulat
Margin CSS
Margin Keruntuhan Margin
Lapisan CSS Tinggi/Lebar CSS Model Kotak CSS Garis Besar CSS
Garis besar Lebar Garis Besar Warna Garis Besar Garis Singkatan Garis Besar Offset
Teks CSS
Warna teks Perataan Teks Dekorasi Teks Transformasi Teks Spasi Teks Bayangan teks
Font CSS
Keluarga Font Font Web Aman Penggantian Font Gaya tulisan Ukuran huruf Font Google Pasangan Font Singkatan Font
Ikon CSS Tautan CSS Daftar CSS Tabel CSS
Batas Tabel Ukuran Meja Penjajaran Tabel Gaya Meja Tabel Responsif
Tampilan CSS CSS Max-lebar Posisi CSS indeks Z CSS CSS Meluap CSS Float
Mengambang Jernih Contoh Terapung
CSS Inline-blok Perataan CSS Penggabung CSS Kelas Pseudo CSS CSS Pseudo-elemen Opasitas CSS Bilah Navigasi CSS
navigasi Navbar Vertikal Navbar Horisontal
Dropdown CSS Galeri Gambar CSS Sprite Gambar CSS Pemilih Attr CSS Formulir CSS Penghitung CSS Tata Letak Situs Web CSS Unit CSS Kekhususan CSS CSS !penting Fungsi Matematika CSS

CSS Lanjutan

Sudut Bulat CSS Gambar Perbatasan CSS Latar Belakang CSS Warna CSS Kata Kunci Warna CSS Gradien CSS
Gradien Linier Radial Gradients Conic Gradients
Bayangan CSS
Shadow Effects Box Shadow
Efek Teks CSS Font Web CSS Transformasi 2D CSS Transformasi 3D CSS Transisi CSS Animasi CSS Tips Alat CSS Gambar Gaya CSS Refleksi Gambar CSS Kesesuaian objek CSS Posisi objek CSS Penyamaran CSS Tombol CSS Paginasi CSS CSS Beberapa Kolom Antarmuka Pengguna CSS Variabel CSS
The var() Function Overriding Variables Variables and JavaScript Variables in Media Queries
Ukuran Kotak CSS Kueri Media CSS Contoh MQ CSS CSS Flexbox
CSS Flexbox CSS Flex Container CSS Flex Items CSS Flex Responsive

CSS Responsif

Perkenalan RWD Area Pandang RWD Tampilan Kotak RWD Kueri Media RWD Gambar RWD Video RWD Kerangka RWD Template RWD

Kotak CSS

Pengenalan kisi-kisi Wadah Kotak Item Kotak

CSS SASS

Tutorial SASS

Contoh CSS

Template CSS Contoh CSS kuis css Latihan CSS Sertifikat CSS

Referensi CSS

Referensi CSS Pemilih CSS Fungsi CSS Referensi CSS Aural Font Aman Web CSS CSS Animasi Unit CSS Konverter CSS PX-EM Warna CSS Nilai Warna CSS Nilai Default CSS Dukungan Peramban CSS

Desain Web Responsif - Pendahuluan

❮ Sebelumnya Berikutnya ❯

Apa itu Desain Web Responsif?

Desain web yang responsif membuat halaman web Anda terlihat bagus di semua perangkat.

Desain web responsif hanya menggunakan HTML dan CSS.

Desain web responsif bukanlah program atau JavaScript.

Merancang Untuk Pengalaman Terbaik Untuk Semua Pengguna

Halaman web dapat dilihat menggunakan banyak perangkat berbeda: desktop, tablet, dan ponsel. Halaman web Anda akan terlihat bagus, dan mudah digunakan, apa pun perangkatnya.

Halaman web tidak boleh meninggalkan informasi agar sesuai dengan perangkat yang lebih kecil, melainkan menyesuaikan kontennya agar sesuai dengan perangkat apa pun:



Desktop

Tablet

Telepon

Ini disebut desain web responsif ketika Anda menggunakan CSS dan HTML untuk mengubah ukuran, menyembunyikan, mengecilkan, memperbesar, atau memindahkan konten agar terlihat bagus di layar apa pun.

Jangan khawatir jika Anda tidak memahami contoh di bawah ini, kami akan memecah kode, langkah demi langkah, di bab-bab berikutnya:



❮ Sebelumnya Berikutnya ❯