هذا مستوحى من دخولي إلى الغرفة لأجد والدي وابن أخي يحاولان القيام بالسيارات من الألف إلى الياء.

إمكانية الوصول

ما ينساه الكثير من الناس، ولكن أعتقد أنه لا يقل أهمية عن الاستجابة.

كتلة ب

عمودي على اتجاه الكتابة.

ج احسب

إجراء العمليات الحسابية في CSS. مفيد جدا.

عرض د

كتلة، مضمنة، مضمنة، مرنة، مضمنة، مرنة، شبكة، مضمنة، لا شيء، إلخ

ه : خالي

فئة زائفة مفيدة لعناصر التصميم بدون أطفال. طالما أنها لا تحتوي على أي مساحة بيضاء بداخلها.

F فليكس بوكس

عندما بدأت CSS لأول مرة، تعلمت من خلال النظر إلى المفتش واللعب بالأشياء. وبعد ذلك قمت بنسخ شخص قام بتخطيطاته باستخدام العوامات. وكان من الصعب جدًا تحديد موضع الأشياء. التعلم عن flexbox أحدث فرقًا كبيرًا.

شبكة G

ما زال يبدو لي وكأنه شقيق flexbox الأكثر تعقيدًا والأكثر قوة.

ارتفاع ح

ما هي المساحة التي يشغلها شيء ما أفقيًا.

أنا مضمنة

اتجاه الكتابة. مفيد حقًا للتوسيط، حيث يمكنك استخدام الهامش المضمن: تلقائي.

ي تبرير

في Flexbox Zombies، يمكنك استخدام ليزر الضبط الخاص بك لاستهداف الزومبي في الاتجاه الذي تطلق النار عليه.

ك @keyframes

خطوات الرسوم المتحركة.

ارتفاع الخط L

يمكن أن يجعل النص يبدو غير قابل للقراءة تمامًا إذا كان كبيرًا جدًا أو صغيرًا جدًا.

هامش م

مساحة حول العنصر لا تجعل العنصر أكبر.

لا شيء

مفيد لإيقاف عرض شيء ما أو إزالة الحدود.

يا كائن صالح

على الرغم من أنه يبدو أن هذا كان موجودًا إلى الأبد، إلا أنني صادفت شيئًا كان نسبيًا منذ فترة. لقد تضمنت بعض جافا سكريبت التي كتبها شخص ما للتعامل مع كون كائن الملاءمة جديدًا ولا يعمل في جميع المتصفحات حتى الآن.

حشوة P

التباعد حول العنصر يجعل العنصر أكبر. الحشو السلبي ليس شيئًا مثل الهامش السلبي.

استفسارات س

استعلامات الوسائط واستعلامات الحاوية، تُستخدم للتصميم سريع الاستجابة وإمكانية الوصول.

استجابة R

مهم للتأكد من أن موقعك يناسب جميع الشاشات. يبدو الأمر أساسيًا جدًا، ولكن هناك الكثير من المواقع التي لا تتناسب بشكل صحيح مع بعض الأحجام.

خصوصية S

يصبح هذا أمرًا مؤلمًا عند محاولة تجاوز الأنماط من طرف ثالث. على الرغم من أنني رأيت مؤخرًا بعض المكونات الإضافية لنظام إدارة المحتوى (CMS) تستخدم :where، وهو ما يساعد كثيرًا.

نص تي

يستخدم أحيانًا لتصميم الخطوط. وأحيانا تستخدم الخط. إلا إذا كنت تريد تغيير لون النص، ففي هذه الحالة لن يكون الأمر كذلك.

وحدات يو

الأكثر استخدامًا هي % وpx وem وrem. أيضًا fr في الشبكات وs وms في التحولات والرسوم المتحركة.

الرؤية V

من المثير للاهتمام أن عكس المرئي مخفي. وهو ليس ما كنت أعتقد أنه سيكون منطقيا.

عرض دبليو

ما هي المساحة التي يشغلها شيء ما أفقيًا.

تجاوز X-x

هناك القليل من الغش لـ x، لكن لا يوجد شيء يبدأ بـ x. هذا يتحكم في الفائض الأفقي. يتم استخدام x أيضًا مع Tailwind حيث على سبيل المثال mx هو الهامش الأفقي.

Y تجاوز ذ

كما هو الحال مع x، يتحكم هذا في الفائض الرأسي. وy عمومًا للإشارة إلى الوضع الرأسي في Tailwind.

Z-مؤشر

أعلى/أدنى مؤشر z يمكنك استخدامه هو (-)2,147,483,647. أو إنفينيتي سوف تعطيك نفس الشيء. لكن كتابة كمية من 9 ثم التساؤل عن سبب عدم نجاحها هي طريقة أبسط بكثير.