CSS

CSS Checklist

CSS (cascading style sheets) is the language that defines styles in webpages.

CSS is one of the three languages that all web developers all learn, along with HTML and JavaScript.

CSS can control many aspects of the way a page is displayed, including colors, sizes, alignment, borders, fonts, and many other things.

CSS on w3schools.com

CSP Students – Visit these w3schools pages:

Introduction: Click the stylesheets and see how the display changes

Syntax: CSS language basic info

Selectors: choosing which elements your style rules apply to

How To: 3 ways to use CSS. Inline, internal & external stylesheets

Colors: Colors!

Borders: Borders!

Margins: Margins are the space outside the border

Padding: Padding is space between the content and the border

CSS Height / Width: multiple ways to define these

Box Model: Block element properties – margin, border, and padding

CSS Fonts: Fonts!

More Advanced CSS Content:

Navigation Bars: horizontal or vertical menus

Position: telling elements where to be

Float: one way of handling side by side content

Flexbox: Feature for arranging content in boxes

More Flexbox: More advanced guide from css-tricks.com

Centering Things: a comprehensive guide from css-tricks.com

Perfect Background Image
(Don’t use background images if it makes your text hard to read)

CSS Learning Games

CSS Diner – gives you practice using CSS Selectors

FlexBox Defense – a tower defense game that uses CSS Flexboxes

FlexBox Froggy – another flexbox game