HTML Trivia Summary

1. Jump out of the new page:

<basetarget= "_blank" >target= "_self" does not jump

<form action= "xxx.htm" target= "_blank" >form form submitted jump settings

2, click the button to jump out of other pages to add

<a href= "#" onclick= "Openzoosurl (); return false;" >

Onclick= "return False"

3, Display:block, block-level elements, that is, it can set some wide, exclusive line, such as DIV elements, p elements, such as display:inline-block, row-level elements, it can make the same set of rows of elements together in a row, You can then set the width height, which is adapted to make a navigation menu that sets each menu item to a row-level element. Its width and height default is the content width and height, the typical element is the element of the form class. Dispaly:inline. Row-level elements, not set and high, the default width height is the content width and height, typically for example, span,

4, HTML mouse small hands:

Cursor:pointer;

5. HTML Background Map Properties:

background-size:100%, but your picture width, height to set to 100%, to note is the. php file inside this background-image:url (); bad, invalid, you want to use the absolute path of the site background: URL ('/20151106/404/image/404.png ') no-repeat 4px 5px;} Background:url ("11111.jpg"); background-repeat:no-repeat;background-size:100%;width:100%;height:100%;

This is the body{padding:0px;margin:0px;background-color that gives the page a background: #494949; width:100%;height:100%;}.

You can also use the background Background-image:url ("") when setting the background image, and this property to set the background, but the picture is in GIF format.

6, according to the output mode to display the text format:<pre></pre> horizontal:

7, the HTML---position/relative/absolute/fixed/three kinds of layout positioning method Summary relative is according to itself, Absolute is according to the browser, but note that if he has a parent element, Then he is changing the position according to the parent element.

8, unordered list to remove the front black dot li{list-style:none;}

9. hidden Elements-Display:none or Visibility:hidden

display-this element, the original element will not occupy the current space and will not affect the layout, but the latter will take up space after being hidden.

10, HTML hidden superfluous

Div{overflow:hidden}

10, Hidden Adaptive: overflow:auto;

11. Questions about the framework

This is to accept you want to show page

Indx.php is the frame display of the page, the top, that is, no buttons to display

<iframe src= "index.php" style= "Width:100%;height:100%;border:none" name= "main" ></iframe>

This is where you want to display the following after you click Add: target= ""

<a href= '. /admin/shopclass/add.php ' target= "main" > Add category </a>

12, about the high problem of the background, that is to say you define a div but do not engage, is to let your picture on top. Then there's this property.

Overflow:hidden;

That is, you belong to the parent element, but you float out of the text, into a floating, all will not be in the use of parent-child elements of space, so the parent plus this overflow:hidden;

13, the setting of the anchor point

On the page where you want to jump add: <a name= "Miao" >

Then add <a href= "#miao" > to find the anchor point in the place where you want to add the link </a>

14. Click to change the CAPTCHA image

15. Rounded Corners

border-radius:5px;

16, textarea left text on the leftmost

Style= "Vertical-align:top"

17, the HTML block element and the summary of the inline elements, the block element can set the margin, but the use of margin to conform to: 1. Block elements, 2. There is a wide height, where inline elements cannot set margin and width properties, can only be set padding

HTML Trivia Summary