کتاب صوتی CSS for Fleet Management Handbooks

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره CSS for Fleet Management Handbooks

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

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

📋 سرفصل‌های دوره

• 1. What is CSS?
• 2. How CSS Works (Browser Interpretation)
• 3. Linking CSS to HTML
• 4. Inline, Internal, External CSS Comparison
• 5. CSS Syntax: Rulesets, Selectors, Properties, Values
• 6. Basic Selectors: Element, Class, ID
• 7. Universal and Grouping Selectors
• 8. The Cascade, Specificity, and Inheritance Explained
• 9. CSS Comments for Code Documentation
• 10. The Box Model: Content, Padding, Border, Margin
• 11. Box Sizing Property (content-box vs border-box)
• 12. CSS Units: Pixels, EMs, REMs, Percentages
• 13. Viewport Units (vw, vh, vmin, vmax)
• 14. Colors in CSS: Keywords, Hex, RGB, RGBA, HSL, HSLA
• 15. Background Properties: Color, Image, Repeat, Position
• 16. Background Shorthand and Multiple Backgrounds
• 17. Font Families and Fallback Stacks
• 18. Web Fonts (@font-face) and Font Loading
• 19. Font Size for Optimal Readability in Handbooks
• 20. Font Weight, Style, and Variant Properties
• 21. Line Height (Line Spacing) and Vertical Rhythm
• 22. Text Alignment (Left, Right, Center, Justify)
• 23. Letter Spacing and Word Spacing for Clarity
• 24. Text Decoration (Underline, Overline, Line-through)
• 25. Text Transformation (Uppercase, Lowercase, Capitalize)
• 26. White Space Property and Text Overflow
• 27. Styling Headings (h1-h6) for Hierarchy
• 28. Styling Paragraphs and Blockquotes
• 29. Creating Custom Unordered Lists
• 30. Styling Ordered Lists (numbers, letters)
• 31. Styling Definition Lists (dl, dt, dd)
• 32. Highlighting Important Text (e.g., span with background)
• 33. Creating Callout Boxes (Info, Warning, Danger)
• 34. Typographic Scale and Consistent Sizing
• 35. Readability, Contrast, and Accessibility Basics
• 36. Display Property: Block, Inline, Inline-Block Behavior
• 37. Introduction to Flexbox Layout Module
• 38. Flex Container Properties: `flex-direction`, `flex-wrap`
• 39. Flex Container Properties: `justify-content`, `align-items`
• 40. Flex Container Properties: `align-content`, `gap`
• 41. Flex Item Properties: `flex-grow`, `flex-shrink`, `flex-basis`
• 42. Flex Shorthand Property
• 43. `order` Property for Flex Items
• 44. Introduction to CSS Grid Layout Module
• 45. Grid Container Properties: `grid-template-columns`, `grid-template-rows`
• 46. Grid Container Properties: `grid-template-areas`
• 47. `gap` Properties for Grid Layout
• 48. Placing Grid Items: `grid-column`, `grid-row`
• 49. Spanning Grid Items across Columns/Rows
• 50. `auto-fit` and `auto-fill` with `minmax()`
• 51. Implicit Grid and Auto-placement Rules
• 52. Aligning Grid Items: `justify-self`, `align-self`, `place-self`
• 53. Creating Multi-column Text Layouts (magazine style)
• 54. Positioning Elements: `static`, `relative`
• 55. Positioning Elements: `absolute`, `fixed`, `sticky`
• 56. `z-index` for Stacking Contexts
• 57. Floats and Clearing Floats (Context for older layouts)
• 58. Designing a Standard Handbook Page Layout (Header, Main, Footer)
• 59. Implementing a Sidebar for Navigation or Tools
• 60. Styling Tables for Data Presentation (Basic)
• 61. Table Borders, Cell Padding, and Spacing
• 62. Zebra Striping Table Rows (`:nth-child`)
• 63. Responsive Tables: Horizontal Scrolling
• 64. Responsive Tables: Card Layout for Small Screens
• 65. Styling Figures, Images, and their Captions
• 66. Styling Code Blocks and Preformatted Text
• 67. Basic CSS for Syntax Highlighting (e.g., different spans)
• 68. Styling Links: States (hover, active, visited)
• 69. Styling Buttons for Actions within Handbooks
• 70. Basic Form Element Styling (Inputs, Textareas)
• 71. Styling Checkboxes and Radio Buttons
• 72. Customizing Select Dropdowns
• 73. Accordion and Tabbed Content Structures
• 74. Using Pseudo-classes for Interactive States (`:hover`, `:focus`, `:active`)
• 75. Using Pseudo-classes for Structural Selection (`:first-child`, `:last-child`, `:nth-child`)
• 76. Other Useful Pseudo-classes (`:not()`, `:empty`, `:target`)
• 77. Pseudo-elements: `::before` and `::after` for content generation
• 78. Pseudo-elements: `::first-letter`, `::first-line`, `::selection`
• 79. Introduction to CSS Variables (Custom Properties)
• 80. Implementing Theming with CSS Variables
• 81. `calc()` Function for Dynamic Calculations
• 82. Basic CSS Transforms (translate, scale, rotate)
• 83. Transitions for Smooth State Changes
• 84. Introduction to Responsive Web Design Principles
• 85. The Viewport Meta Tag Configuration
• 86. Writing Media Queries for Different Devices (Screen Sizes)
• 87. Media Queries for Device Orientation (Portrait/Landscape)
• 88. Mobile-First vs. Desktop-First Approaches
• 89. Responsive Images with `max-width` and `height: auto`
• 90. Responsive Typography with `clamp()` and `vw` units
• 91. Introduction to Print Stylesheets (`@media print`)
• 92. Hiding and Showing Content for Print Output
• 93. Controlling Page Breaks (`page-break-before`, `page-break-after`, `page-break-inside`)
• 94. Adjusting Margins and Paddings for Print
• 95. Print-specific Font Sizes and Line Heights
• 96. Adding Headers and Footers to Printed Pages (via CSS Generated Content)
• 97. Best Practices for Organizing CSS Files
• 98. CSS Methodologies (BEM, SMACSS) for Large Projects
• 99. Using Browser Developer Tools for CSS Debugging
• 100. Performance Considerations for CSS in Large Handbooks