CSS offers support for many units of measurement, including those for print. Carrie Dils shares the four most common you will encounter.
- [Instructor] There are times when you need to set…a length for a CSS element.…CSS offers support for many units of measurement,…including those for both screen and print.…I'm gonna limit our discussion here…to the four most common that you'll run across…as you're learning CSS.…First, we have pixels.…Then we have ems, rems and finally percentages.…So, Pixels.…These are referred to as an absolute value,…and just like an inch takes up a physical amount of space,…so does a pixel.…
You're probably familiar with retina displays.…Well, the concept there is that the screen…is the same size as perhaps any other screen,…but it contains more pixels.…Well, with CSS, we can use pixels to define heights…and widths for things like block level elements,…padding, margins, font sizes...…And here's a couple of examples…of those things in action.…Next, we have ems, and unlike pixels,…these are considered relative values.…They're relative to the font size of their parent element.…
So the name actually comes from typography,…and it roughly means the value of text at its default size.…
- 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.