CSS Foundations
→ العودة إلى الدورات
دورة

CSS Foundations

Learn the basics of CSS, including the box model, element style, and content positioning, to improve communication, design handoff, and web decision-making.

فصول: 17 فصلوقت القراءة: ٣ ساعات و٢٤ دقيقةالمستوى: متقدم

عن الدورة

نظرة أعمق على الدورة

This CSS for Designers course is essential for anyone who collaborates with developers or wants to start actively developing web pages. Through this course, you will learn the syntax and use cases of CSS stylesheets, get to know the most common CSS selectors, understand the box model, master common CSS properties and values, and more.

Understanding the fundamentals of CSS enables you to create visually appealing and engaging websites. CSS is a constant presence in primary design tools such as Figma or Adobe XD, especially when using Inspect mode. Unlike HTML, CSS allows you to customize colors, gradients, font types, and images, and modify element positioning, among other things.

By mastering CSS, you can make decisions that improve the overall user experience of a website. For example, you can create contrast and add readability and hierarchy to your designs. CSS also allows you to create responsive designs that adapt to different screen sizes and devices, making it a crucial skill for those who want to create websites that look great on desktop and mobile.

By the end of this course, you will have a solid understanding of CSS and be able to use it to create visually appealing and engaging websites that meet the needs of your users.

Original course: CSS Foundations. Author: Yan Sokalau — Uxcel. Source: Uxcel. Republished on Amer with permission.

Getting Started with CSS Box Model Element Styling Positioning Content

النتائج

ما الذي ستتعلّمه

  • Learn about the syntax and use cases of CSS stylesheets — Get to know the anatomy and purpose of selectors, declarations, properties, and their values in CSS, along with the syntax and how to use them.
  • Get to know the most common CSS selectors — Familiarize yourself with the most common CSS selectors, such as class, ID, and element selectors, and learn how to apply them to specific HTML elements.
  • Understand the box model — Learn all about the box model, a fundamental concept in CSS that defines the size and position of HTML elements on a web page.
  • Master common CSS properties and values — Explore the most commonly used CSS properties and values, including color, typography, layout, and media to create visually appealing web pages.

داخل الدورة

ماذا تتضمن الدورة؟

  • 17 lessons in the original English language
  • Original illustrations and animated examples

المحتوى

فهرس الدورة

01

CSS Basics

02

Introduction to CSS for Designers

03

Guide to CSS Selectors

04

Breaking down CSS Methods

05

CSS Box Model

06

CSS Width & Height

07

CSS Margins & Paddings

08

CSS Border & Outline

09

CSS Images

10

CSS Backgrounds

11

CSS Color & Gradient

12

CSS Text & Typeface

13

CSS Shadow

14

CSS Display

15

CSS Alignment

16

CSS Position

17

CSS Length Units

اشترك الآن

اشترك لتحصل على الدورة • تقدّمك محفوظ داخل مكتبتك