After attending an HTML class, your first excise to submit an html form must be using a <input type=”submit”> button. Clicking the button will submit the values in the form […]

How to change image on hover using CSS? Here we give you two methods: using two images <html> <head> <title>test</title> <style> .altericon1{width:130px; display:block; height:33px; line-height:33px; overflow:hidden; background-image:url(icon1.jpg); background-repeat:no-repeat; } .altericon2{width:130px; […]

When you visit a url (such as Firefox, and the url is redirected to another url such as, Firefox will remember the redirecting url. Thus, if you type […]

Simply speaking, responsive webpage design is laying elements on a web page in different manners for different browser’s sizes using the same piece of html code. For example, on large […]

The first and most important thing to begin your responsive web design is to set the viewport meta. The syntax is like <meta name=”viewport” content=”width=300, initial-scale=1″>.  What does the width […]

I always forget the difference between the grouping selector and the descendant selector. grouping selector: h1,h2 {…} descendant selector: h1 em {…} child selector(like descendant selector but only selects the […]

You must have encountered such case that an image is larger than its container div and can not be restricted in the div area. <div><img src=”image.png” alt=”” /></div> In the […]

At this time, you must have read a lot of tutorials about css float. I bet all you know is something like “floating elements makes the elements float to the […]

Padding and margin often cause misunderstandings. <div style=”width:100;height:100;background-color:#ff0000;”></div> The above html displays a 100×100 red block. What do you think the effects of the html below? <div style=”padding: 20px; width: […]