- [Narrator] At this point, you've seen how powerful CSS is.…It's an amazing tool to have in your web developer work box…but, over time, you'll find your style sheets…getting larger, more complex and more difficult to maintain.…This is where preprocessors come in to play.…A preprocessor is a scripting language that extends CSS.…It works like this:…you write your CSS in a slightly different form,…then the preprocessor compiles it…and out on the other side comes regular CSS.…Let's take a closer look at this example.…
So, on the left we've got a couple things going on,…we've got a regular anchor tag and paragraph,…I'm not worried about those,…but lets take a look at this site-footer.…Now, within this declaration block,…you can see that we've actually got a few more selectors…that we're targeting.…We've got the anchor tag.…We've got the hover pseudo-class on it…and also the paragraph tag.…In all three of those are specific to the site footer.…So, when that goes through the preprocessor…what comes out on the other side…
- 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.