Front-end web developer; specialist in web animations and user interaction.
Feel free to use your laptops.
Too much to cover; let's go!
Before we start,
A hypertext document connected to the WWW
Needs to be on a server for people to be able to access it
Made in text editors
Okay, so maybe not 100%
Notice I didn't even begin to start going through properties and values
If you think it should have it, there's likely something for it
We're not actually done learning CSS
What we see
What the browser sees
Position determined by document flow
This is the default value
Position determined by top/left values in reference to a relative element
Also display: table and display: flex
Need to clear the floats - usually clear:both
Like inline-block, but lets text wrap around it
Meant for wrapping text around images
Beware of stacking when using em, ex, % for fonts
Let me know! email@example.com
Create this design in HTML + CSS!
Click to download project files
type in http://bit.ly/1KWyyYX
Send to firstname.lastname@example.org
to enter competition
By Zach Saucier
The second lesson in my web development crash course. Teaching the very basics of HTML and CSS.