CSS: شیوه‌نامه‌های آبشاری

شیوه نامه‌های آبشاری (CSS) یک زبان شیوه نامه است که نحوه نمایش یک سند در قالب HTML یا XML (شامل زبان‌های متنوعی مثل SVG یا MathML  یا XHTML) را شرح می دهد. CSS نحوه رندر شدن عناصر روی صفحه نمایش، روی کاغذ، در گفتار ، یا روی دیگر رسانه‌ها را شرح می‌دهد.

CSS یکی از زبان‌های اصلی وب متن باز و دارای استاندارد برمبنای خصوصیات W3C است. در سطح‌های مختلف، CSS1 که الان منسوخ شده است، CSS2.1 که یک توصیه است و CSS3، که حالا به ماژول‌های کوچکتر شکسته شده است، و در حال پیشرفت در مسیر استانداردسازی است توسعه داده شده است.

  • مرجع CSS

    مرجع کامل CSS ما برای توسعه دهندگان وب فصلی تمامی خصوصیات و مفاهیم CSS را شرح می‌دهد.

  • آموزش CSS

    آموزشگاه css ما حاوی آموزش‌های فراوان برای رساندن شما از سطح مبتدی به حرفه‌ای است و تمامی اصول اساسی را پوشش می‌دهد.

  • معرفی CSS

    اگر شما در توسعه وب تازه‌کار هستید، حتما مقاله مقدمات ccs ما را بخوانید تا بدانید که CSS چیست و چگونه باید آن را به کار گرفت.

مستندات و آموزش‌ها در مورد CSS

مفاهیم کلیدی CSS
نحو و قالب زبان و معرفی مفاهیم بنیادی مثل ویژگی و ارث‌بری، مدل جعبه‌ای و حاشیه سقوط، پشته‌سازی و محتوای فرمت‌دهی جعبه‌ای، یا مقادیر اولیه، محاسبه شده، استفاده شده و واقعی را شرح می‌دهد. موجودیت‌هایی مثل خصوصیات مختصر شده CSS نیز تعریف شده‌اند.
راهنمای توسعه دهنده CSS
مقالاتی برای کمک به شما تا تکنیک‌های CSS را یاد بگیرید و محتوی خودتان را درخشان کنید.

ابزارهای ساده‌سازی توسعه CSS

  • سرویس تایید اعتبار W3C CSS چک می‌کند که یک CSS داده شده معتبر است. این یک ابزار ارزشمند است.
  • الحاقی فایرباگ فایرفاکس، یک الحاقی معروف برای هدایت ویرایش زنده CSS روی سایت‌های ملاقات شده است. برای تست بعضی تست‌ها خیلی کاربردی است، بهرحال این الحاقی کارهای بیشتری نیز انجام می‌دهد.
  • الحاقی توسعه وب نیز اجازه می‌دهد تا به‌صورت زنده CSS سایت‌های دیده شده را ببینید و ویرایش کنید. ساده‌تر از فایرباگ است، بهرحال قدرت کمتری دارد.
  • الحاقی EditCSS فایرفاکس اجازه ویرایش CSS در نوار کناری را می‌دهد.
  • منابع CSS را بدانید.
  • زبان‌های وب بازی که اغلب CSS روی آن‌ها اعمال شده است: HTML، SVG، XHTML، XML.
  • تکنولوژی‌های موزیلا که استفاده وسیعی از  CSS می‌کنند: XUL، الحاقی‌ها و تم‌ها‌ی فایرفاکس و تاندربیرد.
  • Pointer Events reached the Candidate Recommandation status, meaning that the CSS property touch-action, currently only implemented in IE10 (with the -ms- prefix), is no more experimental. (May 6th, 2013)
  • Gecko's support of flexible boxes has been adapted to match a recent specification clarification: from Firefox 23, and already in Nightly, ::before and ::after will be flex items, and as such can be repositioned using order and align-self. (May 3rd, 2013)
  • The CSSWG published a new working draft of the Selectors Level 4 specification. It still is in the exploring phase and most of the new features are not supported anywhere, but it refines the behavior of scoped selectors and added two new ones: :blank, a relaxed :empty matching elements only containing spaces and carriage returns, and :placeholder-shown. The two pseudo-classes :matches() and :not() have been tweaked to allow more complex parameters. But beware, as this is still a very early draft, these features may change in the future. (May 2nd, 2013)

کمک گرفتن از کمیته‌ها

شما در مورد مشکلات مربوط به  CSS احتیاج به کمک دارید و نمی‌توانید راه‌حل را در مستندات پیدا کنید؟

  • سوالات معمول CSS که تذکراتی جهت حل مشکلات معمول CSS را ارایه می‌دهد.
  • به Stack Overflow بروید، یک سایت مشترک ساحته شده و نگه‌دارنده Q&A است و می‌توانید پاسخ سوال خودتان را جستجو و پیدا کنید. اگر نه شما قادر خواهید بود که سوال خود را در آن‌جا مطرح کنید.
  • طرح مشورت در انجمن‌، که CSS و HTML را پوشش می‌دهند: سوال خود را در کانال IRC موزیلا بپرسید: #css