اذهب إلى المحتوى
  • 0

سؤال بخصوص مكون نصي بسيط باستخدام css

Ayman Alrawy

السؤال

Recommended Posts

  • 0

نعم جيد، وسيكوف افضل إذا قمت بتعديل النص بحيث يصبح اكثر قابلة للقراءة، مثل تغيير لونه و تعديل التباعد بين السطور والاحرف وتغيير الخط

وكذلك جعل لون الارقام الموجودة في الزوايا اكثر تبايناً حتى يظهر.

وسيكون جميلاً لو قمت بتعديل الوان المشروع وإضافة بعض الـ border-radius لكل من العناصر المستخدمة.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

لا تستهون أبدًا بالتحسن التدريجي بشكل يومي فخلال فترة ستجد نفسك تقوم بإنشاء موقع كامل، هناك بعض النقاط التي يمكن تحسينها في الكود:

يجب عليك استخدام الألوان بطريقة أفضل. يمكنك استخدام الخاصية border-color لتحديد لون الحدود بدلاً من استخدام الخاصية border-top و border-right و border-bottom و border-left.

يمكنك تحسين تنسيق الكود عن طريق إزالة المسافات الزائدة وإضافة تعليقات للمساعدة في قراءة الكود عود نفسك على ذلك.

وهناك أمور متقدمة نسبيًا يمكنك أخذها في الحسبان بعد فترة وهي استخدام قيم ثابتة للأبعاد والمواقع بل يجب عليك استخدام القيم النسبية مثل النسبة المئوية والـ em والـ rem لضمان أن يعمل التصميم بشكل جيد على مختلف أحجام الشاشات.

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

وإليك بعض الدروس التي ستساعدك في تحسين مهارات CSS لديك.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

يبدو أنك تتعلم من قناة Elzero Web School وتقوم بحل التكليفات و هذا التكليف رقم 2 في تكلفيات الدروس التي من 30 إلى 33.

بصراحة هذه القناة من أفضل القنوات في المحتوي العربي المجاني (أختيار جيد).

ولكن يوجد بعض التعديلات علي كود  CSSحتي يصبح منظم.

إذا لحظت فهناك خاصية متشابة في الكلاسات مثل  (top-left) و (bottom-left) وهي 

border-right: solid red;

وكذالك في الكلاسات مثل (top-right) و (bottom-right) وهي.

border-left: solid red;

و أنظر إلي الكود بعد التنظيم.

.top-left,.bottom-left{
    border-right: solid red;
}

.top-right, .bottom-right{
    border-left: solid red;

}

.top-left {
    top: -10px; 
    left: -13px;
}

.top-right {
    top: -10px;
    left: 428px;
}

.bottom-left {
    top: 105px;
    left: -15px;
}

.bottom-right {
    top: 105px;
    right: -15px;
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...