What is CSS
CSS is for the styling of web content, such as colours and layout. It allows the look and feel of the web
content to change when on different types of devices with different sized screens, such as computers and mobile
phones
The separation of HTML from CSS makes it easier for the developer to maintain web applications as you can share
style sheets across your pages, and style the pages differently in different situations. This is referred to as
the separation of content from presentation.
CSS is made up of a number of different CSS
specifications., which are in these different statuses
- FPWD - First Public Working Draft
- WD - Working Draft
- CR - Candidate Recommendation
- CRD - Candidate Recommendation Draft
- PR - Proposed Recommendation
- REC - Recommendation
- SPSD - Superseded Recommendation
Take a look at the CSS standards on the W3C site
Where did this idea come from?
Inspiration for the content on this page came from Dave Shea CSS Zen
Garden and a modern take on this by Stephanie Eckles Style Stage. Do take a look at these to get
inspiration on what CSS can do now.
Places to look for CSS tips and tricks include the following:
Some examples of modern CSS include:
- Flexbox
- Grid
- custom variables
- @supports()
- gradients
- animation
- 3D transforms
- object-fit
- calc()
- position: sticky