آموزش مقدمه ای بر CSS

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• فایل های تمرینی Exercise files

1. مبانی CSS 1. CSS Basics

• CSS چیست؟ What is CSS

• سبک های پیش فرض مرورگر Default browser styles

• نحو CSS CSS syntax

• انواع اصلی انتخاب کننده Basic selector types

• نحوه کار CSS با HTML How CSS works with HTML

• گزینه های تأیید CSS CSS authoring options

• چگونه مرورگرها سبک را اعمال می کنند How browsers apply styles

• چالش Challenge

2. مشخصات CSS 2. CSS Specifications

• CSS: پس و اکنون CSS: then and now

• منابع CSS موجود Available CSS resources

• پشتیبانی از مرورگر را بررسی می کنید Checking browser support

3. مفاهیم مشترک CSS 3. Common CSS Concepts

• CSS عادی سازی و تنظیم مجدد CSS normalization and resets

• کار با فونت ها Working with fonts

• درک مدل جعبه Understanding the box model

• حاشیه و بالشتک Margins and padding

• مرزها و پیش زمینه ها Borders and backgrounds

• کار با رنگ Working with color

• واحد های اندازه گیری Units of measurement

• پیشوندهای فروشنده Vendor prefixes

• چالش Challenge

• راه حل Solution

• راه حل Solution

4. طرح بندی CSS 4. CSS Layouts

• ساختن یک صفحه با CSS Structuring a page with CSS

• موقعیت یابی عنصر Element positioning

• شناور Floats

• Flexbox Flexbox

• ماژول چیدمان شبکه CSS CSS Grid Layout module

5- کار با CSS 5. Working with CSS

• سازماندهی CSS Organizing CSS

• حفظ CSS با کنترل نسخه Maintaining CSS with version control

• با استفاده از ابزارهای بازرسی مرورگر Using browser inspection tools

• اعتبارسنجی CSS Validating CSS

6. پاسخگو CSS 6. Responsive CSS

• آشنایی با طراحی وب پاسخگو Introduction to responsive web design

• کار با پرس و جوهای رسانه ای Working with media queries

• اول موبایل چیست What is mobile-first

7. با CSS بیشتر پیش بروید 7. Going Further with CSS

• چارچوب ها و شبکه های CSS CSS frameworks and grids

• پیش پردازنده های CSS CSS preprocessors

• منابع اضافی Additional resources

نتیجه Conclusion

• مراحل بعدی Next steps