1/12
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced | Call with Kai |
|---|
No analytics yet
Send a link to your students to track their progress
In the early 1990s:
Websites were text-heavy
Very little styling
HTML controlled both structure and presentation
Designers used <font>, <center>, and tables for layout
CSS
proposed CSS in 1994 and worked with World Wide Web Consortium W3C
Håkon Wium Lie
Proposed CSS Goals:
Separate content (HTML) from design (CSS)
Make websites easier to maintain
Improve consistency across browsers
The Birth of CSS (1994–1996)
Released by the W3C in 1996 and was the 1st official CSS recommendation.
Features included:
Font properties
Text styling
Colors
Basic box model
Simple selectors
CSS Level 1 (1996)
introduced major improvements.
Features included:
Positioning (absolute, relative, fixed)
Z-index
Media types (screen, print)
More advanced selectors
CSS Level 2 (1998)
Major competition between browsers
Different CSS implementations
Developers had to write “hacks” for compatibility
Browser Wars Era (Late 1990s-Early 2000s)
Fix inconsistencies
Clarify specifications
Improve browser compatibility
CSS 2.1 (2011)
Instead of releasing CSS3 as one big update, the W3C split it into modules. This allowed features to be released gradually.
Examples:
Selectors Level 3
Backgrounds and Borders
Animations
Transitions
Flexbox
Media Queries
CSS3 – Modular Improvement
Animations
Transitions
Rounded corners (border-radius)
Shadows
Gradients
Flexbox
Media Queries (Responsive design)
Major CSS3 Innovations
Today, CSS includes:
Flexbox
CSS Grid
Variables (Custom Properties)
Advanced selectors
Responsive design techniques
Improved browser compatibility
Modern CSS
Websites are now:
Interactive
Responsive
Visually advanced
Mobile-friendly
W3C continues to:
Develop web standards
Improve CSS modules
Ensure browser consistency
Maintain documentation
Why CSS Continues to Evolve
The web changes due to:
New devices are created (phones, tablets, smart TVs)
Users expect better design
Accessibility standards improve
Performance requirements increase