Codelab ini menyiapkan Anda untuk berbagi dan menampilkan cara favorit Anda dalam berfokus pada di CSS.
Lihat postingan blog saya yang berjudul Berpusat di CSS untuk mempelajari tentang 5 cara favorit saya untuk berpusat di CSS. Atau tonton video ini!
Penyiapan
- Klik Remix to Edit agar project dapat diedit.
- Buka
app/index.html
- Di
line 23
, ganti/* your centering CSS here /*
dengan CSS Anda - (opsional) Beri nama teknik pemusatan Anda dan ganti teks di
<h1>
Gaya
- Buat file baru di folder
app/css/
- Buat pemilih untuk menyimpan solusi pemusatan Anda, seperti
.turbo-center
atau[floaty-mcfloat]
- Dalam pemilih baru tersebut, tulis teknik pemusatan Anda (jangan ragu untuk
dengan yang lain di
app/css/
sebagai contoh) - (opsional) tulis beberapa "gaya dukungan" sehingga kita dapat melihat anak mana yang membutuhkan gaya untuk mendukung pemusatan
- Buka
app/css/index.css
dan impor file baru Anda di bagian bawah
Kaitkan semuanya
- Buka
app/index.html
lagi - Temukan
<article>
dan berikan pemilih kustom yang Anda buat di langkah #2 bagian sebelumnya. - Tweet saya terkait Glitch Anda dan saya akan menampilkannya di postingan blog!