Course Overview
CSS (Cascading Style Sheets) is what makes websites look beautiful. In this course, students will learn how to take plain HTML pages and transform them into visually stunning, professional-looking websites. From colours and fonts to animations and responsive layouts, CSS brings web pages to life.
What You'll Learn
CSS Fundamentals
- What is CSS and how it works with HTML
- Selectors: element, class, and ID
- Colors, backgrounds, and borders
- Fonts, text sizes, and typography
- The CSS box model (margin, padding, border)
Layouts & Positioning
- Display types: block, inline, inline-block
- Flexbox for modern layouts
- CSS Grid for complex designs
- Position: static, relative, absolute, fixed
- Floating elements and clearfix
Animations & Effects
- CSS transitions and hover effects
- Keyframe animations
- Transform: rotate, scale, translate
- Gradient backgrounds
- Box shadows and text shadows
Responsive Design
- Media queries for different screen sizes
- Mobile-first design approach
- Responsive images and videos
- Building a fully responsive webpage
- Testing on mobile and desktop