Intro to CSS
About
This entry-level module on Cascading Style Sheets (CSS) is tailored for beginners with minimal or no web development experience. It offers a comprehensive foundation in CSS, focusing on its role in enhancing the visual aspects of HTML documents. Practical exercises and real-world examples are integrated throughout to reinforce key concepts and provide hands-on experience.
Content
| Lesson | Video Time | Video | Skills |
|---|---|---|---|
| Setup | 7 min | Link | Setting up the development environment. |
| Concepts | 2 min | Link | Fundamentals and advantages of CSS: styling, ensuring consistency, enhancing accessibility. |
| Fundamentals | 8 min | Link | Basic CSS Syntax and Element Targeting: selectors, properties, values, and comments. |
| Box Model | 14 min | Link | CSS Box Model: Content, Padding, Border, and Margin. |
| Common Properties | 17 min | Link | Common CSS properties for text and color, font attributes and methods for specifying color values. |
| Selectors | 11 min | Link | Targeting specific elements with CSS element, id, class, and combinator selectors. |
| Multiple Stylesheets | 5 min | Link | Use multiple stylesheets to organize and manage CSS code, order of precedence in stylesheet loading. |
| Variables | 6 min | Link | Introduction to CSS Variables: Implementing, inheriting, and modifying custom properties for efficient styling and rebranding. |
| Shorthand properties | 6 min | Link | CSS shorthand properties, set values for multiple sides. |
| History of CSS | 4 min | Link | History of CSS,impact on web development and browser compatibility. |
| Total content | 80 min |
References
Internal
Prerequisites
- Intro to HTML
Course landing pages
Resources
Find a 👾 bug 👾 or have suggestions? Let us know!