Home >> Tutorials/FAQs >> CSS Tutorials >> Index
CSS Tutorials - Formatting Behaviors of HTML Elements
By: FYICenter.com
(Continued from previous topic...)
What Are the Formatting Behaviors of HTML Elements?
From a formatting behavior point of view, HTML elements can be divided into 2 categories:
- Block Element - Formatted as a rectangular block occupying the entire width of the parent content box.
For example, <P> is block element.
- Inline Element - Formatted as a rectangular block joining other inline elements horizontally to form a line
of inline elements. If the width of the parent content box is reached, it will be wrapped to start a new line.
One or more lines of in-line elements become a block element. For example, <IMG> is an inline element.
(Continued on next topic...)
- What Is the HTML Element Formatting Model?
- What Are the Formatting Behaviors of HTML Elements?
- What Is a Block Element?
- What Is an Inline Element?
- What Is a Floating Element?
- Hot To Specify the Content Box Size of a Block Element?
- Hot To Specify Padding Spaces of a Block Element?
- Hot To Test Padding Spaces on All 4 Sides?
- How To Specify Borders of a Block Element?
- Hot To Test Borders with Different Widths, Styles, and Colors?
- How To Specify Margin Spaces of a Block Element?
- How To Test Margin Spaces on All 4 Sides?
- How To Specify the Color of the Margin Area?
- How To Specify the Color of the Padding Area?
- What Are the Background Properties of a Block Element?
- How To Set Background to Transparent or Non-transparent?
- How To Add Images to Backgrounds?
- What Is the Text Paragraph Formatting Model?
- How In-Line Elements Are Mixed in Text Lines?
- How In-line Elements Affect Line Box Heights?
- Is FORM a Block Element?
|