آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 1) : مقدمه

- visibility ۲ mode_comment

css3 attributesدر این سری آموزشی قصد داریم شما رو با بیشتر از 50 ویژگی جالب CSS آشنا کنیم و اطلاعات شما رو در این زمینه افزایش بدیم. برای هر کدام از این ویژگی ها مثالهایی زده میشه تا بصورت کامل اونا رو متوجه بشید و بتونین ازشون استفاده کنید. همچنین تعدادی ویژگی که هنوز بصورت Experimental هستن و در مرورگرها پیاده سازی نشده اند رو قرار میدیم. این ویژگی ها در آینده ای نزدیک در همه مرورگرها پیاده سازی یا Implement میشن. همچنین تعدادی ویژگی که تقریبا همگی با اونا آشنایی دارند رو قرار میدیم. هدف از قرار دادن این ویژگی ها اینه که شما با مقادیر ناشناخته و کمتر کار شده اونا آشنا بشید و دید عمیق تری نسبت به CSS پیدا کنید. ویژگی هایی که در این سری با اونا آشنا خواهید شد به شرح زیر هستند:

  1. all
  2. angle
  3. animation-fill-mode
  4. animation-iteration-count
  5. backface-visibility
  6. background-attachment
  7. background-blend-mode
  8. background-clip
  9. background-origin
  10. box-decoration-break
  11. calc
  12. column
  13. content
  14. counters
  15. currentColor
  16. filter
  17. flex
  18. flex-basis
  19. flex-flow
  20. font-kerning
  21. font-smoothing
  22. font-variant
  23. grid
  24. hyphens
  25. image-rendering
  26. list-style-image
  27. list-style-position
  28. object-fit
  29. orphans
  30. order
  31. overflow-wrap
  32. page-break
  33. percentage
  34. perspective
  35. pointer-events
  36. position
  37. resize
  38. shape-outside
  39. @supports
  40. var()
  41. table-layout
  42. text-transform
  43. transition-timing-function
  44. vh, vw, vmin, vmax
  45. white-space
  46. word-break
  47. word-spacing
  48. will-change
  49. writing-mode
  50. -webkit-autofill
  51. -webkit-overflow-scrolling
  52. -webkit-touch-callout
  53. -webkit-scrollbar
  54. Animatable

هر کدام از این ویژگی ها بصورت کامل توضیح داده میشن و برای هر کدام مثالها و منابعی قرار داده میشه تا بتونین خودتون هم مطالعه بیشتری در مورد اون داشته باشید. در جلسات بعد با ادامه آموزش در خدمتتون هستیم.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

Source

comment دیدگاه کاربران
محمد

از امروز این سری رو دنبال میکنم

محمد اسفندیاری

خیلی خوشحال میشیم
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.