Basic knowledge of HTML. Detailed introduction to css style sheets and style attributes

This time I will bring you the basic knowledge of HTML. A detailed introduction to css style sheets and style attributes. What are theprecautions for using css style sheets and style attributes? The following are Let’s take a look at practical cases.

1.

position: fixed

Lock position (position relative to the browser), such as the pop-up window in the lower right corner of some websites.

2. Position: absolute

Absolute position:

1. The outer layer does not have position: absolute (or relative); then p is positioned relative to the browser, as shown in the figure below b (50 pixels from the right border of the browser and 20 pixels from the bottom border).

2. The outer layer has position: absolute (or relative); then p is positioned relative to the outer border, as shown in the figure below (50 pixels from the right border of d, 20 pixels from the lower border of d) .

3. Position: relative

Relative position:

As shown below, it is fixed relative to a certain position of p that contains this p. If the outer layer does not contain it, the relative position is fixed relative to the browser.

4. Layering (

z-index)

Layering in the z-axis direction can be understood as dividing into a pile of paper. The higher the number of layers, the higher it is.

In the relative example above, we see that aa covers a. This is because the display level of the code written later is higher. So how can a cover aa without changing the code order? . As follows:

5. Float: left, right

There is no need to specify the position (left, top) for Left and right, it is directly relative to the browser. If the outer is wrapped, the upper left or upper right of the position excluding one line relative to the outer p is displayed.

Additional: 1.

2. Cursor: pointer The shape when the mouse points to it;

3. Translucent effect:

Believe it After reading these cases, you have mastered the methods. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Related reading:

Detailed explanation of HTML Form form elements

Detailed explanation of examples of HTML text formatting

Special characters of html-css3 content: How to use "special symbols"

The above is the detailed content of Basic knowledge of HTML. Detailed introduction to css style sheets and style attributes. For more information, please follow other related articles on the PHP Chinese website!