Join Carrie Dils for an in-depth discussion in this video Challenge, part of Introduction to CSS.
- [Narrator] Are you ready for another challenge?…This time, I want you to use an external style sheet…to add some styles to an HTML document.…Let's take a look.…So if you look in your exercise files…for this chapter, you'll find this file…called Challenge3_Start.html.…And in it is just some basic HTML markup…and you really won't even need to make any changes here.…And I've also linked to a blank style sheet…and this is where you can come and add the styles.…Now, what styles do we want to add?…Well, first, let me show you the finished product…and then we'll go and step through the styles…that you need to add.…
So here, we have that starter HTML file.…It's unstyled.…And on the right, you can see that I've added…a background, border.…I've also got some margins and padding going on.…So let's take a look specifically…at what I would like you to add.…I'd like you to set the wrapper to a width of 70%.…For both the header and the footer,…I want you to set the background color to purple.…Make the text color white,…and add a padding to all four sides of 30 pixels.…
- What is CSS?
- Understanding how CSS works with HTML
- Applying fonts
- Understanding the classic box model
- Setting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids
- Creating responsive layouts
- Tools that help you write and maintain CSS
Skill Level Beginner
1. CSS Basics
2. CSS Specifications
3. Common CSS Concepts
4. CSS Layouts
5. Working with CSS
6. Responsive CSS
7. Going Further with CSS
- 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.