آموزش اصول CSS: قفل قدرت طراحی وب را باز کنید

معرفی Introduction

• زمان یادگیری CSS (در حال انجام است) Time to learn some CSS (In progress)

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

• CSS چیست؟ What is CSS?

• سبک های پیش فرض مرورگر چیست؟ What are default browser styles?

• واژگان اصلی CSS چیست؟ What is basic CSS lexicon?

• انواع اصلی انتخابگر چیست؟ What are basic selector types?

• ترکیبات CSS چیست؟ What are CSS combinators?

• CSS چگونه با HTML کار می کند؟ How does CSS work with HTML?

• چه گزینه هایی برای نوشتن سبک های شما در دسترس است؟ What options are available to write your styles?

• مرورگرها چگونه استایل ها را رندر می کنند؟ How do browsers render styles?

• امتحان فصل Chapter Quiz

2. مفاهیم CSS 2. CSS Concepts

• چرا CSS موضوع را بازنشانی و عادی می کند Why CSS reset and normalize matter

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

• آشنایی با مدل جعبه Understanding the box model

• تنظیم حاشیه و بالشتک Setting margins and padding

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

• اعمال حاشیه ها و پس زمینه ها Applying borders and backgrounds

• آشنایی با واحدهای اندازه گیری Understanding the units of measurement

• امتحان فصل Chapter Quiz

3. نگاهی دقیق تر به آبشار 3. A Closer Look at the Cascade

• درک نظم آبشاری Understanding cascading order

• محاسبه ویژگی Calculating specificity

• با در نظر گرفتن قاعده !مهم Considering the rule !important

• امتحان فصل Chapter Quiz

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

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

• درک نحوه کار فلکس باکس Understanding how flexbox works

• درک نحوه کار شبکه CSS Understanding how the CSS Grid works

• آشنایی با چارچوب های CSS Understanding CSS frameworks

• ایجاد طرح‌بندی‌های واکنش‌گرا Creating responsive layouts

• امتحان فصل Chapter Quiz

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

• سازماندهی کد شما Organizing your code

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

• استفاده از "Can I use..." برای یک ویژگی CSS Using the "Can I use..." for a CSS property

• اعتبارسنجی CSS خود با ابزار Validating your CSS with tools

• امتحان فصل Chapter Quiz

نتیجه Conclusion

• درباره CSS بیشتر بدانید Learning more about CSS