خطة دراسة CSS

مشاهدة الدروس

#001 – Introduction and What I Need To Learn ?

#002 – Your First Project And Syntax

#003 – Element Styling

#004 – Name Conventions And Rules

#005 – Background – Color, Image, Repeat

#006 – Background – Attachment, Position, Size

تكليفات CSS الدروس من الدرس 01 إلى 06

  • اكتب في تعليق كل Selector ما الذي يعبر عنه
  • اكتب في تعليق نوع كل Style من التالي
  • في أسماء ال Identifiers التالية حدد ما هو صالح وما هو غير صالح عن طريق كتابة Valid أو Not Valid في التعليق قبل الإسم
  • في أسماء ال Identifiers التالية حدد ما الذي يتبع ال Best Practice عن طريق كتابة Good أو Bad في التعليق قبل الإسم

مشاهدة الدروس

#007 – Padding

#008 – Margin

#009 – Border

#010 – Outline

#011 – Display – Block, Inline-Block, Inline

#012 – Element Visibility And Use Cases

تكليفات CSS الدروس من الدرس 7 إلى 12

  • قم بعمل ثلاث عناصر نوعهم Div
  • قم بوضع الثلاث عناصر بجانب بعضهم وبدون تحديد عرض لهم
  • قم بعمل نفس الشكل الموجود في المثال بنفس الألوان
  • حجم كل حافة من الحواف هو 5px

مشاهدة الدروس

#013 – Group Multiple Selectors

#014 – Nesting

#015 – Dimensions – Width And Height

#016 – Overflow – Overflow-X And Overflow-Y

#017 – Text – Color And Shadow

#018 – Text – Alignment

#019 – Text – Decoration And Transform

#020 – Text – Spacing

#021 – Text – Overflow And Use Cases

تكليفات CSS الدروس من الدرس 13 إلى 21

  • شاهد البنية التالية في المثال ولا تقم بالتعديل عليها
  • قم بتلوين كلمة Title باللون الأحمر
  • قم بتلوين جملة Child Title باللون الأزرق
  • قم بتلوين جملة Paragraph Content باللون الأخضر
  • قم بتلوين جملة Section Title باللون الأخضر