Shulou(Shulou.com)06/01 Report--

This article mainly shows you "what is the meaning of the layout of php pages". The content is simple and clear. I hope it can help you solve your doubts. Let me lead you to study and learn this article "what does the layout of php pages mean?"

one. The layout of the web page

1. What is the layout of a web page?

The layout of the web page actually refers to how the browser typesets the elements in the web page, which can be divided into: standard stream, floating flow, positioning flow.

1. Standard stream (document stream / ordinary stream) typesetting mode

1.1 in fact, the default typesetting mode of the browser is the typesetting mode of the standard stream.

1.2 elements are divided into three categories in CSS, namely block-level elements / inline elements / inline block-level elements

1.3 there are two typesetting methods in the standard stream, one is vertical typesetting and the other is horizontal typesetting.

Vertical typesetting. If the element is at the block level, it will be typeset vertically.

Horizontal typesetting, if the element is an inline element / inline block-level element, then horizontal typesetting

two。 Floating flow typesetting mode

2.1 floating stream is a "semi-detached standard stream" typesetting method

2.2 there is only one way of typesetting for floating streams, that is, horizontal typesetting. It can only set the left or right alignment of an element relative to the parent element.

Note:

1. There is no center alignment in the floating stream, that is, there is no value of center

two。 Margin: 0 auto; cannot be used in a floating stream (invalid)

Features:

1. There is no distinction between block-level elements / inline elements / inline block-level elements in a floating stream

Both level elements / inline elements / inline block level elements can be typeset horizontally

two。 Width and height can be set for both block-level elements / inline elements / inline block-level elements in a floating stream

3. To sum up, the elements in the floating flow are very similar to the inline block-level elements in the standard flow.

3. Positioning stream typesetting mode

two. De-marking of floating elements

1. What is the deltailing of floating elements?

De-bid: out of standard stream

When an element floats, it looks as if it has been removed from the standard stream. This is the deltailing of the floating element.

two。 What is the impact of floating elements after they are out of standard?

If the previous element floats and the latter element does not float, then the previous element will cover the latter element.

three. Floating element collation

Floating element collation:

1 for floating elements in the same direction, the first floating elements will be displayed in front, and the later floating elements will be displayed after them.

2 floating elements in different directions, the left float will find the left float, and the right float will find the right float

3 the position of the floating element after floating is determined by the position of the floating element in the standard stream before floating (if the element is in the first line in the standard stream before floating, it is displayed in the first line after floating, if it is in the second line in the standard stream before floating, it is displayed in the second line after floating)

four. Floating element attachment phenomenon

What is the phenomenon of floating element attachment?

1. If the width of the parent element can display all floating elements, the floating elements will be displayed side by side

two。 If the width of the parent element cannot show all floating elements, it will be attached forward from the last element

3. If none of the previous floating elements can be displayed, it will eventually be attached to the left or right side of the parent element.

The above is all the contents of the article "what is the layout of php pages?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.