Ladies Learning Code logoWelcome!

Download
& Install

  1. Learner files (zip file): http://bit.ly/llc-multipage
    • unzip the learner file (extract all if you’re on a PC)
    • open slides.html in the browser to view the slides
  2. Atom Editor: http://atom.io
  3. Chrome Browser: https://www.google.ca/chrome

Intro to HTML & CSS:
Building a Multi-page website

CSS Font Styles

Let's look at a few CSS properties for styling text together. Change some values below and see what happens!

Just some text to test out the above styles. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni repellat sunt quae fugit illum in aut sed, quis nesciunt totam veritatis, dolores alias modi fuga commodi dicta facilis, consequatur temporibus.


Resource

CSS Float

Use the float property with a value of left or right to align the element to either side. Any element after the floated element will move up beside it. Try it!

placeholder image

Paragraph tag - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea id quasi iusto, ex cumque omnis iste eveniet mollitia.

Thank you!

Intro to HTML & CSS:
Building a Multi-page website

Slide presentation created by Christina Truong based on Lea Verou's SlideShow and reveal.js.