دوره CSS for Licensing همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب CSS for Licensing

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

📋 سرفصل‌های کتاب (100 موضوع)

• 1. Introduction to Cascading Style Sheets (CSS)
• 2. The Role of CSS in Web Development
• 3. Basic Syntax and Structure of CSS Rules
• 4. Methods for Including CSS: Inline, Internal, External
• 5. Using Browser Developer Tools for CSS Inspection
• 6. Universal and Type Selectors
• 7. Class Selectors
• 8. ID Selectors
• 9. Attribute Selectors
• 10. Grouping Selectors and Declaration Blocks
• 11. Combining Selectors: Descendant, Child, Sibling Combinators
• 12. Understanding the CSS Cascade Order
• 13. The `!important` Rule and Its Implications
• 14. CSS Specificity: How Rules Are Prioritized
• 15. Calculating Specificity Values
• 16. Inheritance in CSS
• 17. Overview of the CSS Box Model
• 18. Content Box vs. Border Box (`box-sizing`)
• 19. Setting Width and Height Properties
• 20. Controlling Padding
• 21. Styling Borders: Width, Style, Color
• 22. Managing Margins: Collapsing Margins
• 23. The `outline` Property
• 24. Font Families and Web Fonts (`@font-face`)
• 25. Font Size Units: `px`, `em`, `rem`, `vw`, `vh`
• 26. Font Weight and Font Style
• 27. Line Height and Letter Spacing
• 28. Text Alignment, Justification, and Direction
• 29. Text Decoration and Text Transform
• 30. Text Color and Background
• 31. Text Shadow Property
• 32. White Space and Word Wrapping
• 33. Color Values: Names, Hex, RGB, HSL
• 34. Transparency with RGBA and HSLA
• 35. Setting Background Colors
• 36. Background Images and Properties (`repeat`, `position`, `size`, `attachment`)
• 37. Linear and Radial Gradients
• 38. Rounded Borders with `border-radius`
• 39. Box Shadows and Text Shadows
• 40. `display: block`
• 41. `display: inline`
• 42. `display: inline-block`
• 43. `display: none` vs. `visibility: hidden`
• 44. The `overflow` Property and Its Values
• 45. `z-index` for Stacking Contexts
• 46. The `cursor` Property
• 47. `position: static`
• 48. `position: relative`
• 49. `position: absolute`
• 50. `position: fixed`
• 51. `position: sticky`
• 52. Using `top`, `right`, `bottom`, `left` Properties
• 53. Introduction to Floats for Layout
• 54. Clearing Floats: The `clear` Property
• 55. Float-Based Layout Challenges and Alternatives
• 56. The Viewport Meta Tag and Initial Scale
• 57. Introduction to Media Queries Syntax
• 58. Defining Breakpoints and Ranges (`min-width`, `max-width`)
• 59. Mobile-First vs. Desktop-First Approach
• 60. Responsive Images (`max-width`, `picture` element with CSS)
• 61. Relative Units for Responsiveness (`vw`, `vh`, `%`, `vmin`, `vmax`)
• 62. Introduction to Flexbox: One-Dimensional Layout
• 63. `display: flex` and Flex Containers
• 64. `flex-direction` Property (Row, Column)
• 65. `flex-wrap` Property (No-wrap, Wrap, Wrap-reverse)
• 66. `justify-content` (Main Axis Alignment)
• 67. `align-items` (Cross Axis Alignment)
• 68. `align-content` (Multi-Line Cross Axis Alignment)
• 69. `flex-grow`, `flex-shrink`, `flex-basis` (Individual Item Sizing)
• 70. The `flex` Shorthand Property
• 71. `order` and `align-self` for Individual Flex Items
• 72. Introduction to CSS Grid: Two-Dimensional Layout
• 73. `display: grid` and Grid Containers
• 74. Defining Grid Columns with `grid-template-columns`
• 75. Defining Grid Rows with `grid-template-rows`
• 76. `grid-gap`, `row-gap`, `column-gap` Properties
• 77. Placing Items with `grid-column` and `grid-row`
• 78. `grid-area` and `grid-template-areas` for Named Layouts
• 79. `justify-items` and `align-items` (Item Alignment within Cells)
• 80. `justify-content` and `align-content` (Track Alignment within Container)
• 81. `fr` Unit, `minmax()`, and `repeat()` Function
• 82. Understanding CSS Transitions for Smooth Changes
• 83. `transition-property`, `duration`, `timing-function`, `delay`
• 84. The `transition` Shorthand Property
• 85. Introduction to CSS Keyframe Animations
• 86. `animation-name`, `duration`, `timing-function`, `delay`
• 87. `animation-iteration-count`, `direction`, `fill-mode`
• 88. The `animation` Shorthand Property
• 89. Basic Pseudo-classes: `:hover`, `:active`, `:focus`, `:link`, `:visited`
• 90. Structural Pseudo-classes: `:first-child`, `:last-child`, `:nth-child`, `:only-child`
• 91. UI State Pseudo-classes: `:checked`, `:disabled`, `:enabled`, `:read-only`
• 92. Pseudo-elements: `::before`, `::after` for Content Generation
• 93. Other Pseudo-elements: `::first-letter`, `::first-line`, `::selection`
• 94. The `transform` Property Overview
• 95. 2D Transforms: `translate()`, `rotate()`, `scale()`, `skew()`
• 96. 3D Transforms: `translate3d()`, `rotateX/Y/Z()`, `scale3d()`
• 97. `transform-origin` and `perspective` for 3D Contexts
• 98. CSS Custom Properties (Variables) and The `calc()` Function
• 99. Ensuring Browser Compatibility and Performance Optimization
• 100. Accessibility (A11y) Considerations and Semantic CSS