مجموعه آموزش CSS (در حال تکمیل)

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

برای استفاده از دوره آموزش CSS تک دیک نیازی به پیش زمینه یا دانش فنی خاصی ندارید و صرفا آشنایی نسبی با HTML کفایت می‌کند. (اگر با اچ‌تی‌ام‌ال آشنا نیستید پیشنهاد می‌کنیم نگاهی به مجموعه آموزشی HTML تک دیک بیندازید). مطالب این مجموعه با جزئیات و مثال‌های مناسبی همراه است و طی یادگیری، نیاز شما را تا حد قابل قبولی برطرف می‌کند. خوشحال می‌شویم نظرات و پیشنهادات خود را در مورد مطالب این دوره از طریق راه های ارتباطی یا بخش دیدگاه‌های هر مطلب با ما در میان بگذارید.

فهرست مطالب دوره آموزشی CSS تک دیک

• آشنایی با CSS
  • معرفی ‌سی‌اس‌اس (CSS) و شروع مجموعه آموزشی
  • قواعد نحوی CSS – قانون، گزینشگر، اظهاریه و ویژگی
  • روش های اضافه کردن CSS به HTML
  • کامنت در CSS
• سلکتورها یا گزینشگرها در CSS
  • گزینشگر یا سلکتور در CSS و انواع Selector ها
  • سلکتور نوع المان
  • سلکتور کلاس
  • سلکتور آی دی
  • شبه کلاس ها و سلکتور شبه کلاس
  • شبه المان ها و سلکتور شبه المان
  • سلکتور خصوصیت
  • سلکتور ترکیب کننده
• مفاهیم پرکاربرد در CSS
  • ویژگی های خلاصه (یا Shorthand properties) در CSS
• متن در CSS
  • رنگ متن در CSS – ویژگی color
  • جهت در CSS – ویژگی direction
  • تراز متن در CSS – ویژگی text-align
  • تعیین میزان ایندنت متن در CSS – ویژگی text-indent
  • خط تزئین متن در CSS – ویژگی text-decoration
  • تغییر بزرگی و کوچکی حروف در CSS – ویژگی text-transform
  • تعیین ارتفاع خط و فاصله بین خطوط در CSS – ویژگی line-height
  • اضافه کردن سایه به متن در CSS – ویژگی text-shadow
  • فاصله بین حروف و سایر کاراکترها در CSS – ویژگی letter-spacing
  • مدیریت فاصله سفید در CSS – ویژگی white-space
• ابعاد المان ها در CSS
  • تعیین پهنای المان در CSS – ویژگی width
  • تعیین ارتفاع المان در CSS – ویژگی height
  • تعیین حداقل پهنای المان در CSS – ویژگی min-width
  • تعیین حداقل ارتفاع المان در CSS – ویژگی min-height
  • تعیین حداکثر پهنای المان در CSS – ویژگی max-width
  • تعیین حداکثر ارتفاع المان در CSS – ویژگی max-height
• زمینه یا بکگراند در CSS
  • رنگ زمینه در CSS – ویژگی background-color
  • تصویر زمینه در CSS – ویژگی background-image
  • تکرار تصویر زمینه در CSS – ویژگی background-repeat
• خط تزئین متن در CSS
  • خط تزئین متن در CSS – ویژگی text-decoration
  • نوع خط تزئین متن – ویژگی text-decoration-line
  • رنگ خط تزئین متن – ویژگی text-decoration-color
  • استایل خط تزئین متن – ویژگی text-decoration-style
  • ضخامت خط تزئین متن – ویژگی text-decoration-thickness
• خط مرزی یا border در CSS
  • تعیین استایل خطوط مرزی در CSS – ویژگی border-style
  • تعیین پهنا یا ضخامت خط مرزی در CSS – ویژگی border-width
  • تعیین رنگ خط مرزی در CSS – ویژگی border-color
  • تعیین همزمان جزئیات خط مرزی در CSS – ویژگی border
• حاشیه یا margin در CSS
  • تعیین حاشیه المان ها در CSS – ویژگی margin
  • فروپاشی حاشیه (Margin Collapse) در CSS
• پدینگ یا padding در CSS
  • تعیین پدینگ المان ها در CSS – ویژگی padding
• کدورت و شفافیت در CSS
  • تعیین کدورت و شفافیت المان ها در CSS – ویژگی opacity
• تعیین استایل لینک ها در CSS
  • وضعیت لینک ها و استایل پیشفرض آن ها در CSS
  • نحوه تعیین استایل لینک ها در CSS
  • تعیین استایل لینک ها به صورت دکمه در CSS
• تعیین استایل لیست ها در CSS
  • تعیین نشانگر لیست در CSS – ویژگی list-style-type
  • موقعیت نشانگر لیست در CSS – ویژگی list-style-position