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.overflow:hidden; //超出部分隐藏;scroll,显示出滚动条;//截断流
透明区域
在样式表中的代码为: .box { opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50) }
无标题文档 a
b
c
d
e
f
g
h
i
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!