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. |
| Total content |
70 min |
|
|
Level Up content
| Lesson |
Video Time |
Video |
Skills |
| 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 Level Up content |
10 min |
|
|
Reference
📖 Reference Materials