CSS

[mabelleeyanhwa]

trafficstars

• Selectors
• inline style, style tag, link tag
• Cascading rules
• inline, block, inline-block element
• box modal
• float
• position
• flexbox
• grid

https://thoughtworks-jumpstart.gitbook.io/jumpstart/front-end-web-development/css

session #1: basics

recap on live server what it's doing index.html how to view page how to shut it down what is css and what problem it solves (show first website of the world) css selectors css properties css box model css specificity rules lab: apply css to static html page session #2: layouts

CSS grid go through this example in codepen: https://thoughtworks-jumpstart.gitbook.io/jumpstart/front-end-web-development/css/css-grid CSS float? lab: apply css grid to static html page session #3: mobile responsive

lab: recreate Apple page