آموزش CSS: ویژگی، مدل جعبه و بهترین روش ها (تعاملی)

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

مبانی ضد سرما Frost-Proof Fundamentals

• اصول ضد یخبندان Frost-Proof Fundamentals

• چالش: شیوه نامه های خارجی Challenge: External Stylesheets

• چالش: شناسه و انتخابگر کلاس Challenge: ID and Class Selectors

• چالش: خاص بودن سبک Challenge: Style Specificity

• چالش: ستون های شناور Challenge: Floating Columns

کنده کاری شفاف Clear Carving

• کنده کاری شفاف Clear Carving

• چالش: رفع مشکل Challenge: Clearfix

• چالش: تودرتو و وراثت Challenge: Nesting and Inheritance

• چالش: افزایش ویژگی Challenge: Increasing Specificity

• چالش: حذف انتخابگرهای شناسه Challenge: Removing ID Selectors

صحافی جعبه Box Bindings

• صحافی جعبه Box Bindings

• چالش: سرریز مدل جعبه Challenge: Box Model Overflow

• چالش: موقعیت یابی نسبی Challenge: Relative Positioning

• چالش: موقعیت محدوده Challenge: Scoping Position

• چالش: موقعیت یابی مطلق Challenge: Absolute Positioning

نظافت کد خود را Grooming Your Code

• اصلاح کد شما Grooming Your Code

• چالش: خشک کردن Challenge: DRY

• چالش: ترکیب انتخابگر Challenge: Selector Combination

• چالش: کوتاه نویسی Challenge: Shorthand

• چالش: درون خطی Challenge: Inline

• چالش: مرکز افقی Challenge: Horizontal Centering

ایمنی CSS CSS Safety

• ایمنی CSS CSS Safety

• چالش: فروپاشی حاشیه ها Challenge: Collapsing Margins

• چالش: عدم فروپاشی Challenge: Non-Collapsing

• چالش: مشخص کنید Challenge: Despecify

• چالش: پیش فرض های معقول Challenge: Reasonable Defaults

مسائل مربوط به تصویر Image Issues

• مسائل مربوط به تصویر Image Issues

• چالش: تصاویر محتوا Challenge: Content Images

• چالش: تصاویر پس زمینه Challenge: Background Images

• چالش: محصول تصویر Challenge: Image Crop

• چالش: برش متناسب تصویر Challenge: Proportional Image Crop

• چالش: برش تصویر پرتره Challenge: Portrait Image Crop

اسلالوم های درخشان Sprightly Slaloms

• اسلالوم های درخشان Sprightly Slaloms

• چالش: جایگزینی تصویر Challenge: Image Replacement

• چالش: Active Sprite Challenge: Active Sprite

• چالش: نماد جن Challenge: Icon Sprite

شبه سیتسمارک Pseudo Sitzmark

• شبه سیتسمارک Pseudo Sitzmark

• چالش: کلاس های شبه Challenge: Pseudo Classes

• چالش: عناصر شبه Challenge: Pseudo Elements

• چالش: عناصر موقعیت Challenge: Positioned Elements