Using background colors are a great way to visually separate content on webpages. Learn how to apply this style to your projects.
- [Instructor] In this exercise,…we'll add some colors to the top of the page.…I've just added a temporary comment at the top…of my page listing my color palette's hex codes,…just to make it easier to copy…and paste the values when I need them.…Let's start with removing the testa background color…in the body selector.…I'll leave this body declaration here,…because I will be adding styles to it eventually.…Next, let's add the background color to each section.…I'm going to be using the same color…for both my header and footer,…that dark blue color from my color palette.…
So this will give me an opportunity…to combine multiple selectors.…I'm going to first put header comma footer…to select both at the same time,…and then I will give it a background color…using my dark blue hex code.…Save, and I will check in the browser…that this new color has been added.…Refresh the page, my header and my footer are now dark blue.…
Let's go back to the CSS file.…Now let's go down to the work experience…and education section.…So for these two sections, I can't use a type selector,…
- Creating a CSS file
- Writing basic selectors
- Setting properties
- Using different typefaces and web-safe fonts
- Understanding cascading and inheritance
- Setting a font family, font size, text color, and more
- Understanding the box model
- Using the float property
Skill Level Beginner
1. Getting Started
2. CSS Core
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.