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

CSS: Specificity, the Box Model, and Best Practices (Interactive)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: اصول CSS را کاوش کنید، و تمام ابزارهای طراحی وب مورد نیاز برای کارایی front-end را بررسی کنید. این دوره تعاملی قبلاً با نام CSS Cross Country on Code School شناخته می شد.

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

مبانی ضد سرما 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

نمایش نظرات

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.

آموزش CSS: ویژگی، مدل جعبه و بهترین روش ها (تعاملی)
جزییات دوره
0h 50m
40
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
از 5
دارد
دارد
دارد
Aimee Booth
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Aimee Booth Aimee Booth

Aimee یک توسعه دهنده تمام پشته Ruby on Rails است که عاشق توسعه آزمایشی و گیف های متحرک است.