WEBVTT

00:00:00.000 --> 00:00:06.000
What controls the way a web page looks?

00:00:06.000 --> 00:00:13.000
CSS supplies rules for presentation and layout.

00:00:13.000 --> 00:00:18.000
Meet the website styling rules.
6 useful CSS basics.

00:00:18.000 --> 00:00:30.000
CSS controls presentation
Cascading Style Sheets define how content is displayed.
Colours · Typography · Layout rules

00:00:30.000 --> 00:00:42.000
Styles can be reused
Shared rules help related pages look consistent.
Shared buttons · Consistent spacing · Common type styles

00:00:42.000 --> 00:00:54.000
The cascade resolves rules
Several style rules can apply to the same element.
Matching rules · Priority · Computed appearance

00:00:54.000 --> 00:01:06.000
Layouts can adapt
Responsive rules adjust the arrangement to available space.
Narrow screen · Flexible columns · Readable layout

00:01:06.000 --> 00:01:18.000
Looks need practical checks
Text, focus indicators and contrast need careful review.
Readable text · Visible focus · Clear contrast

00:01:18.000 --> 00:01:30.000
Test beyond one screenshot
Check real content, zoom and different screen sizes.
Longer content · Browser zoom · Small-screen test

00:01:30.000 --> 00:01:39.000
Your checklist
CSS controls presentation · Styles can be reused · The cascade resolves rules · Layouts can adapt · Looks need practical checks · Test beyond one screenshot

00:01:39.000 --> 00:01:47.000
Keep the design readable across real screens.
jerseyweb.je