CSS Essential Training - میتالرن

مدرس Christina Truong

انتشار 2025/10/21

مدت زمان 5h 10m

سطح مناسب همه

فایل تمرینی دارد

آموزش CSS Essential Training

با این دوره جامع که شما را به ساخت صفحات وب با ظاهر حرفه ای مجهز می کند، وارد دنیای CSS شوید. کریستینا تروونگ، متخصص و مدرس فناوری، مفاهیم اصلی و نحو CSS را برای استایل کارآمد اسناد HTML شما معرفی می‌کند. برای کنترل فاصله عناصر بر مدل جعبه مسلط شوید و از ابزارهای قدرتمندی مانند Flexbox و Grid برای ایجاد طرح‌بندی‌های پویا استفاده کنید. نحوه اضافه کردن رنگ و تایپوگرافی برای بهبود ظاهر صفحه خود را بیابید. در مدیریت طرح‌بندی‌های واکنش‌گرا مهارت کسب کنید و مطمئن شوید که طرح‌های شما در همه دستگاه‌ها عالی به نظر می‌رسند. در پروژه های عملی و عملی شرکت کنید که یادگیری شما را تقویت می کند. بیاموزید که چگونه با اطمینان از تکنیک های CSS برای تولید طرح های روان و پاسخگو استفاده کنید. این دوره برای مبتدیان و کسانی که به دنبال تجدید دانش CSS خود هستند ایده آل است.

Cascading Style Sheets (CSS)

Introduction

Why should you learn CSS? ()

1. Getting Started

HTML and CSS ()

Working with website files ()

Setting up your text editor ()

Project: Overview ()

Project: Customizing the content ()

Project: Viewing files with Live Server ()

Where to find images ()

Creating web-ready images ()

Project: Adding images ()

2. CSS Core Concepts

CSS specifications and the W3C ()

CSS syntax and terminology ()

CSS data types ()

Type and universal selectors ()

ID selectors ()

Class selectors ()

Combinators and selector lists ()

Pseudo-classes and pseudo-elements ()

Inheritance, cascade, and specificity ()

Custom properties ()

Referencing CSS ()

Project: Create a CSS file ()

3. Color and Background Styles

The color property and value ()

Creating a color palette ()

Project: Defining custom properties ()

The background property ()

Using multiple background styles ()

Project: Background and text colors ()

Project: Background image styles ()

4. The CSS Box Model

Introduction to the CSS box model ()

Width, height, and display ()

Padding, margin, and border ()

Center-aligning with margin ()

Box-sizing and the box model fix ()

Working with developer tools ()

Margin collapse and inline spacing ()

Creating full-height layouts ()

Project: List reset and header updates ()

Project: Centering content with margin ()

Project: Heading resets and border styles ()

5. Layouts with Flexbox

Introduction to Flexbox ()

Working with flex items ()

Sizing with flex properties ()

Flexbox sizing exercise ()

Aligning flex items ()

Project: Aligning elements with Flexbox ()

6. Layouts with Grid

Introduction to CSS Grid ()

The explicit grid ()

The implicit grid ()

The gap property ()

Positioning with grid lines ()

Project: Grid layout ()

Project: Grid line positioning ()

Project: Grid and dev tools ()

7. Layouts with Float and Position

Layouts with float ()

The position property ()

Position and z-index ()

Project: Fixed navigation and header updates ()

8. Typography

Typography for the web ()

Changing fonts with font-family ()

Working with font-weight and font-style ()

Web fonts with @font-face ()

Online font services ()

Project: Add custom fonts ()

The font-size property ()

Font size and accessibility ()

Text-align, text-transform, and text-decoration ()

Line-height and letter-spacing ()

Project: Font and text styles ()

Project: Button styles ()

Project: Borders, spacing, and color ()

9. Responsive Layouts

Introduction to responsive design ()

Introduction to media queries ()

Breakpoints and media queries ()

Creating fluid layouts ()

The viewport meta tag ()

Testing responsive layouts ()

Project: Breakpoints ()

Project: Media queries ()

Conclusion

Next steps ()

Ex_Files_CSS_EssT.zip (44.0 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.