3. CSS


Lessons

  1. Targeting with CSS

    programminghtmlbasicscss

    Let’s continue where we left off in the previous post.

  2. Don't Repeat Yourself

    programminghtmlbasicscss

    Another general programming idea, similiar to “Separation of Concerns”, is that you simply don’t repeat yourself.

  3. Adding Google Fonts

    programminghtmlbasicscss

    Let’s start customizing HTML by changing fonts.

  4. Adding Icons

    programminghtmlbasicscss

    Importing icons is just as easy as importing custom fonts. My favorite place to turn to, when I need any icons is fontawesome.com. As of writing this post, they have 1588 free icons for you to use!

  5. Upgrading the Blog Layout Example

    programminghtmlbasicscss

    Let’s take the blog layout we looked at in the “HTML Layout and Styles” post:

  6. Finishing the Blog Layout Example

    programminghtmlbasicscss

    Let’s finish the blog template! We will continue exactly where we left off in the previous post.

  7. The Box Model

    programminghtmlbasicscss

    We previously customized the spacing between elements via “margin” properties, like for example, the post element in the previous post (very meta):