What are the core technologies of css

The core technologies of css are: 1. Float, which allows the original elements to break away from the document flow and realize left and right arrangement; 2. Positioning, relative even if offset, the original position is still there; 3. Line height [line -height], the default font capitalization is 16px.

The operating environment of this tutorial: windows10 system, css3 version, DELL G3 computer. This method is suitable for all brands of computers.

Recommended:css video tutorial

The core technologies of css are:

1, floating float

• Let the original elements break away from the document flow and realize left and right arrangement.

• Do not set the width to the minimum width (the width of the internal element)

• float will be pressed on top of block-level elements, but not on top of inline elements; nor on top of text in block-level elements

• Side effects of float/Three methods of clearing float

2, Position position

relative

• Even if it is offset, the original position is still

• offset relative to itself

absolute

• Offset, the position will be gone

• Offset relative to the nearest relative/absolute parent element

3, line-height

The default font capitalization is 16px;

4, the alignment of divs on the same line: baseline alignment

• If there is text, the bottom of the text is the baseline

• If there is an inline element, the bottom of the inline element is the baseline

• If there is no text, the bottom line of the div is the baseline

Note: Set CSS style by class inheritance

The above is the detailed content of What are the core technologies of css. For more information, please follow other related articles on the PHP Chinese website!