Start with an overview of traditional CSS layout techniques. In this video, you get a review of the float, display and position property.
- [Instructor] Web page designs tend to follow similar…patterns, such as a large header or a larger content area…with a side bar.…One of the more complex parts about learning CSS is…understanding when to use the different layout CSS…properties such as float, display and position.…Before we discuss some newer CSS layout models,…let's do a review of these traditional techniques first.…If you'd like a more detailed look at these properties,…you can refer back to parts one and two of this series.…All HTML elements are either a block or inline element.…
Block elements span the entire width of its container…and stack on top of other elements.…Inline elements are the same height and width as the content…contained between their tags.…The elements are also aligned side by side.…The CSS display property can be used to change the default…behaviors of inline and block level elements.…Adding display inline to a block element will make it…display like an inline element, and vice versa.…Setting the value of display to inline block will add…
- Designing with a grid
- Working with a flexbox
- Retina and high-density displays
- Raster and vector graphics
- Retina and images
- Animation and shapes
- CSS3 keyframes and animation
- CSS shapes
- CSS shape functions
- Responsive typography
- Fluid typography
- Accessibility and ARIA
- Style guides for CSS
Skill Level Intermediate
2. Retina Displays and Images
3. Animation and Shapes
4. Tools and Tips
- 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.