Understanding how the browser displays HTML elements is an important part of understanding how to create page layouts in CSS. In this video, start with examining the difference between inline and block level elements.
- [Instructor] There are two types of HTML elements:…block-level and inline.…Each has a set of default behaviors…which define how these elements are…displayed on a webpage.…Block-level elements are by default…the same height as the content contained…between the tags, but they span the entire…width of its container, even if the content itself doesn't.…This is why block elements always start on a new line.…When writing the HTML, block elements can be…nested within other block elements,…or wrap inline elements.…
Most HTML elements are block-level,…such as paragraphs, divs, and headings.…Inline elements are the height and width of their content.…The elements align to the left side by side in a line.…It's not valid HTML to nest a block-level element…within an inline element, but it can be used…to nest other inline elements.…HTML introduced one exception.…Anchor tags used for links can wrap block elements.…This is generally used when you want to…group more than one block element together as one link.…
Some common inline elements are…
- 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.