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

معرفی Introduction

• زمان یادگیری CSS است Time to learn some CSS

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

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

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

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

• CSS چیست؟ What is CSS?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نتیجه Conclusion

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