A hingga Z CSS

Ini diilhamkan oleh saya berjalan ke bilik untuk mencari ibu bapa dan anak saudara saya cuba melakukan A hingga Z kereta.

Kebolehcapaian

Apa yang ramai orang lupa, tetapi saya fikir ia sama pentingnya dengan responsif.

blok B

Serenjang dengan arah penulisan.

C calc

Melakukan pengiraan dalam CSS. Sangat berguna.

D paparan

blok, sebaris, blok sebaris, lentur, lentur sebaris, grid, grid sebaris, tiada, dll

E: kosong

Kelas pseudo yang berguna untuk elemen penggayaan tanpa kanak-kanak. Selagi takde ruang putih dalam diri.

F kotak lentur

Apabila saya mula-mula memulakan CSS, saya belajar dengan melihat Inspektor dan bermain dengan sesuatu. Dan kemudian saya menyalin seseorang yang melakukan reka letak mereka dengan terapung. Dan sangat sukar untuk meletakkan sesuatu. Belajar tentang flexbox membuat semua perbezaan.

Grid G

Apa yang saya rasa masih seperti adik flexbox yang lebih rumit dan lebih berkuasa.

H tinggi

Berapa banyak ruang yang diambil oleh sesuatu secara mendatar.

saya sebaris

Arah penulisan. Sangat berguna untuk memusatkan, di mana anda boleh menggunakan margin-inline: auto.

J mewajarkan

Dalam Flexbox Zombies, anda menggunakan laser justify anda untuk menyasarkan zombi ke arah yang anda tembak.

K @bingkai kunci

Langkah animasi.

L ketinggian garis

Boleh menjadikan teks kelihatan sama sekali tidak boleh dibaca jika terlalu besar atau terlalu kecil.

M margin

Ruang di sekeliling elemen yang tidak menjadikan elemen itu lebih besar.

N tiada

Berguna untuk berhenti memaparkan sesuatu atau mengalih keluar sempadan.

O sesuai objek

Walaupun ia seolah-olah seperti ini telah wujud selama-lamanya, saya terjumpa sesuatu yang agak lama dahulu. Ia termasuk beberapa JavaScript yang ditulis seseorang untuk mengatasi kesesuaian objek yang baharu dan belum berfungsi dalam semua penyemak imbas.

P pelapik

Spacing sekitar elemen yang menjadikan elemen lebih besar. Padding negatif bukan perkara seperti margin negatif.

Q pertanyaan

Pertanyaan media dan pertanyaan kontena, digunakan untuk reka bentuk responsif dan kebolehcapaian.

R tindak balas

Penting untuk memastikan tapak anda sesuai pada semua skrin. Nampak agak asas, tetapi terdapat banyak tapak yang tidak sesuai dengan betul pada beberapa saiz.

S kekhususan

Ini menjadi sakit apabila cuba mengatasi gaya daripada pihak ketiga. Walaupun baru-baru ini saya telah melihat beberapa pemalam CMS menggunakan :where, yang banyak membantu.

Teks T

Kadang-kadang digunakan untuk penggayaan fon. Dan kadang-kadang anda menggunakan fon. Kecuali jika anda ingin menukar warna teks, dalam kes ini tidak sama sekali.

unit U

Yang paling banyak digunakan ialah %, px, em dan rem. Juga dalam grid dan s dan ms dalam peralihan dan animasi.

Keterlihatan V

Menarik, lawan nampak tersembunyi. Ini bukan seperti yang anda fikirkan secara logik.

W lebar

Berapa banyak ruang yang diambil oleh sesuatu secara mendatar.

X limpahan-x

Sedikit menipu untuk x, tetapi tiada apa-apa yang bermula dengan x. Ini mengawal limpahan mendatar. x juga digunakan dengan Tailwind di mana cth mx ialah jidar mendatar.

Y limpahan-y

Seperti x, ini mengawal limpahan menegak. Dan y secara amnya untuk menandakan menegak dalam Tailwind.

Z indeks-z

Z-indeks tertinggi/terrendah yang boleh anda gunakan ialah (-)2,147,483,647. Atau infiniti akan memberikan anda perkara yang sama. Tetapi menaip beban 9s dan kemudian tertanya-tanya mengapa ia tidak berfungsi adalah kaedah yang lebih mudah.

Atas ialah kandungan terperinci A hingga Z CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!