Front-end page------tag attributes and positioning

1.type attribute:

text: text area

    readonly property: Whether it is read-only.

password: password field, the entered text is displayed with '*'

checkbox: checkbox

    checked attribute: whether to check;

radio: radio button;

    name attribute: specify multiple radio buttons to perform radio selection in an area

reset: resets all labels in the current <form> form to the initialized state (such as clearing the content of the text area)

submit: submit the current <form> form information to the specified page

button: normal button

    value attribute: the text displayed by the button button

file: file selection label

hide: hidden area, you can store some information that is not displayed to the user but used by yourself

image: image area

    src attribute: specify the path where the image is stored;

    title attribute: Move the mouse to the text displayed on the image;

    alt: The text displayed when the image fails to load or closes;

 

2. <script> tag:

The <script> tag between <head> generally stores css and js code; the <script> tag after </body>: because the Html page is loaded from top to bottom, it is not to display the content once after loading, but to one side Display content while loading.

Putting the Script after the body is similar to stating that the code in this Script calls the elements in the body. If it is placed in the Head tag, when the script code is run, the elements in the body have not been loaded, and the required element information will not be obtained.

 

3. Positioning: How the absolute position in CSS is positioned relative to the position of the parent element

relative (relative) and absolute (absolute).

When positioning with absolute, set the element style attribute position of the upper level to relative.

That is to say, the effect of the attribute value of position is directly affected by the value of the position attribute in its container style.

For example, the following nested structure of AB

<div id="A">

 <div id="B">

 </div>

</div>

When the position of A is relative, the position of B is only valid. At this time, left: 0 and top: 0 are no longer for the window document, but for the div with id A.

 

4. The page has a fixed width and does not change with the size of the window----css-->width:1200px;min-width:1200px;

 

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=326591658&siteId=291194637