css & html & quirks in popular browsers

[briefy]

Caveat For All

• input doesn't need line-height to make words vertical centre

• display:inline-block when using vertical-align on this elements, browsers have the save default baseline not top, however, under some circumstance, browsers may have a different render for baseline, set vertical-align explicitly

• image-map, an image with clickable areas

  <!-- ************************************************************************
    In HTML5, if the id attribute of the <map> tag is also specified, 
         it must have the same value as the name attribute 
  ************************************************************************ -->
  <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
  <map name="planetmap">
     <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
     <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
     <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
  </map>

[briefy]

TODO

• [ ] Form validation ,both by js and only by html, strength of password
• [ ] geometory of the DOM and BOM system
• [ ] relationship between different kinds of events, how many click will happen when have muti touches, touchlist ghost click
• [ ] Touch-action property

[briefy]

IE Stylesheet Limits in Internet Explorer