Today Piper will be learning the basics of CSS. She will learn how to add color and style to the HTML elements she has learned the past few weeks. This is where things will get interesting, I can't wait to see how she groups and styles elements, the colors she chooses, etc. Should really allow her to express her creative side while applying it to technology and her journey to website development.

Pipers Notes

Cascading Style Sheets

Tell a browser how to display text and other content that you write in HTML. CSS is case-sensitive.

3 main ways to apply styling

  1. directly inline styles in HTML elements
  2. place css style rules within style tags
  3. preferred way is to reference an external CSS stylesheet

CSS Classes

reusable styles that can be added to HTML code. You make a class by using a . before the name of the class

<style>
  .blue-text {
    color: blue;
  }
</style>
<h2 class="blue-text">CatPhotoApp</h2>

Importing a Google font

Google fonts a free library that can be used in CSS. Locate a desired font at Google fonts. Simply copy the font URL and paste it head section

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

Lessons Learned

Today I learned that people us CSS for styling HTML. I also learned how to change text size, font color, and font styles. Next time i'll learn some more about CSS. Ounce I learn enough of the basics i'll be ready to start building my first website. So, see ya next time.