Difference between CSS and CSS3:
| Feature | CSS (CSS2) | CSS3 |
|---|---|---|
| Version | Older version | Latest major version |
| Module Structure | One single large specification | Divided into modules (e.g., Flexbox, Grid) |
| Animations | Not supported | @keyframes and animation properties |
| Media Queries | Not available | Fully supported (responsive design) |
| Selectors | Limited (e.g., *, .class, #id) | Advanced (e.g., :nth-child, :not) |
| Visual Effects | Basic | Shadows, gradients, transitions |
| Layout Techniques | Float, positioning | Flexbox, Grid |
| Browser Support | Older browsers | Modern browsers with better feature support |
Summary:
CSS3 is an evolution of CSS with more features, flexibility, and modular design, enabling modern, responsive, and dynamic web interfaces.