آموزش CSS برای مبتدیان - آخرین آپدیت

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

مقدمه‌ای بر CSS Introduction to CSS

• مقدمه‌ای بر CSS An Introduction to CSS

• آماده شوید تا CSS را یاد بگیرید Get Ready to Learn CSS

• نامگذاری و سینتکس Nomenclature & Syntax

• چرا "Cascading" Style Sheets؟ Why "Cascading" Style Sheets?

سه روش برای درج CSS Three Ways to Insert CSS

• CSS درون‌خطی (Inline CSS) Inline CSS

• CSS داخلی (Internal CSS) Internal CSS

• CSS خارجی (External CSS) External CSS

رنگ Colour

• تعیین رنگ در CSS Specifying Color in CSS

• نمونه‌هایی از رنگ در CSS Examples of color in CSS

• ابزارهای انتخاب رنگ Color Picking Tools

• رنگ پس‌زمینه و تصاویر Background Color & Images

واحدهای اندازه‌گیری Measurement Units

• واحدهای مختلف "طول" Different Units of "Length"

• نمونه‌هایی از واحدها در عمل Examples of Units in Action

فونت‌ها و متن Fonts & Text

• خانواده فونت Font Family

• خصوصیات فونت Font Properties

لینک‌ها Links

• لینک‌ها و کلاس‌های شبه (Pseudo Classes) Links and Pseudo Classes

لیست‌ها Lists

• کد HTML برای لیست‌ها HTML code for Lists

• اصلاح لیست‌ها با CSS Modifying Lists with CSS

کلاس‌ها و IDها Classes & IDs

• کلاس‌ها و IDها Class and IDs

مدل جعبه (Box Model) The Box Model

• مدل جعبه The Box Model

• تقسیم‌بندی‌ها (DIVs) Divisions (DIVs)

• خصوصیت شناور کردن (Float Property) The Float Property

CSS و وردپرس CSS & WordPress

• اصلاح CSS در وردپرس Modifying CSS in WordPress

• استفاده از ویرایشگر فایل قالب (Theme File Editor) Using the Theme File Editor

• افزودن "CSS اضافی" (Additional CSS) Adding "Additional CSS"

• CSS سفارشی برای بلوک‌ها (Custom CSS for blocks) Custom CSS for blocks

• CSS سفارشی برای یک پست یا صفحه (Custom CSS for a post or page) Custom CSS for a post or page

• CSS مخفی کردن عناصر (Hiding Elements) CSS Hiding Elements

• فاصله‌گذاری سرصفحه در Astra (Header Spacing in Astra) Header Spacing in Astra

• زمان‌هایی که CSS طبق انتظار عمل نمی‌کند When CSS Doesn't Do As Expected

منابع و ارجاع CSS CSS Resources & Reference

• راهنمای CSS CSS Help

• درس‌های آینده در این دوره Future Lectures in this Course

• دموی اعتبارسنجی CSE (CSE Validator Demo) CSE Validator Demo

• درس جایزه (Bonus Lecture) Bonus Lecture