<html>
<script language="javascript" defer>
function isvalid()
{
Input_Str=document.getElementById("tsinput").value;
document.getElementById("ts").innerHTML=Input_Str;
if(Input_Str!=document.getElementById("ts").innerText)
alert("include Html Element.....");
}
</script>
<body>
<span id="ts" style="visibility:hidden;position:absolute" width=0 height=0></span>
<input type="text" value="" id="tsinput">
<input type="button" value=" " id="tsinput" onclick="isvalid()">
</body>
</html> ......
×ÖÌå(FONT)±ê¼Ç(TAGS)
±êÌâ×ÖÌå(Header)
<h#> ... </h#> #=1, 2, 3, 4, 5, 6
<h1>½ñÌìÌìÆøÕæºÃ£¡</h1> ½ñÌìÌìÆøÕæºÃ£¡
<h2>½ñÌìÌìÆøÕæºÃ£¡</h2> ½ñÌìÌìÆøÕæºÃ£¡
<h3>½ñÌìÌìÆøÕæºÃ£¡</h3> ½ñÌìÌìÆøÕæºÃ£¡
<h4>½ñÌìÌìÆøÕæºÃ£¡</h4> ½ñÌìÌìÆøÕæºÃ£¡
<h5>½ñÌìÌìÆøÕæºÃ£¡</h5> ½ñÌìÌìÆøÕæºÃ£¡
<h6>½ñÌìÌìÆøÕæºÃ£¡</h6> ½ñÌìÌìÆøÕæºÃ£¡
<hn>---</hn> ÕâЩ±ê¼ÇÏÔʾºÚÌå×Ö¡£
<hn>---</hn> ÕâЩ±ê¼Ç×Ô¶¯²åÈëÒ»¸ö¿ÕÐУ¬²»±ØÓà <p> ±ê¼ÇÔÙ¼Ó¿ÕÐС£
Òò´ËÔÚÒ»ÐÐÖÐÎÞ·¨Ê¹Óò»Í¬´óСµÄ×ÖÌå¡£
×ÖÌå´óС
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7
<font size=7>½ñÌìÌìÆøÕæºÃ£¡</font> ½ñÌìÌìÆøÕæºÃ£¡
<font size=6>½ñÌìÌìÆøÕæºÃ£¡</font> ½ñÌìÌìÆøÕæºÃ£¡
<font size=5>½ñÌìÌìÆøÕæºÃ£¡</font> ½ñÌìÌìÆøÕæºÃ£¡
<font size=4>½ñÌìÌìÆøÕæºÃ£¡</font> ½ñÌìÌìÆøÕæºÃ£¡
<font size=3>½ñÌìÌìÆøÕæºÃ£¡</font> ......
Document ¶ÔÏó
Document ¶ÔÏó´ú±íÕû¸ö HTML Îĵµ£¬¿ÉÓÃÀ´·ÃÎÊÒ³ÃæÖеÄËùÓÐÔªËØ¡£
Document ¶ÔÏóÊÇ Window ¶ÔÏóµÄÒ»¸ö²¿·Ö£¬¿Éͨ¹ý window.document ÊôÐÔÀ´·ÃÎÊ¡£
ÓÐ¹Ø Document ¶ÔÏóµÄÏêϸÃèÊö¡£
IE: Internet Explorer, F: Firefox, O: Opera, W3C: World Wide Web Consortium (Internet ±ê×¼).
Document ¶ÔÏóµÄ¼¯ºÏ
¼¯ºÏÃèÊöIEFOW3C
all[]
Ìṩ¶ÔÎĵµÖÐËùÓÐ HTML ÔªËØµÄ·ÃÎÊ¡£
4
1
9
Yes
anchors[]
·µ»Ø¶ÔÎĵµÖÐËùÓÐ Anchor ¶ÔÏóµÄÒýÓá£
4
1
9
Yes
applets
·µ»Ø¶ÔÎĵµÖÐËùÓÐ Applet ¶ÔÏóµÄÒýÓá£
-
-
-
-
forms[]
·µ»Ø¶ÔÎĵµÖÐËùÓÐ Form ¶ÔÏóÒýÓá£
4
1
9
Yes
images[]
·µ»Ø¶ÔÎĵµÖÐËùÓÐ Image ¶ÔÏóÒýÓá£
4
1
9
Yes
links[]
·µ»Ø¶ÔÎĵµÖÐËùÓÐ Area ºÍ Link ¶ÔÏóÒýÓá£
4
1
9
Yes
Document ¶ÔÏóµÄÊôÐÔ
ÊôÐÔÃèÊöIEFOW3C
body
Ìṩ¶Ô <body> ÔªËØµÄÖ±½Ó·ÃÎÊ¡£¶ÔÓÚ¶¨ÒåÁË¿ò¼Ü¼¯µÄÎĵµ£¬¸ÃÊôÐÔÒýÓÃ×îÍâ²ãµÄ <frameset>¡£
cookie
ÉèÖûò·µ»ØÓ뵱ǰÎĵµÓйصÄËùÓÐ cookie¡£
4
1
9
Yes
domain
·µ»Øµ±Ç°ÎĵµµÄÓòÃû¡£
4
1
9
Yes
lastModified
·µ»ØÎĵµ±»×îºóÐ޸ĵÄÈÕÆÚ ......
Window ¶ÔÏó
Window ¶ÔÏóÊÇ JavaScript ²ã¼¶ÖеĶ¥²ã¶ÔÏó¡£
Window ¶ÔÏó´ú±íÒ»¸öä¯ÀÀÆ÷´°¿Ú»òÒ»¸ö¿ò¼Ü¡£
Window ¶ÔÏó»áÔÚ <body> »ò <frameset> ÿ´Î³öÏÖʱ±»×Ô¶¯´´½¨¡£
ÓÐ¹Ø Window ¶ÔÏóµÄÏêϸÃèÊö¡£
IE: Internet Explorer, F: Firefox, O: Opera.
Window ¶ÔÏóµÄ¼¯ºÏ
CollectionDescriptionIEFO
frames[]
·µ»Ø´°¿ÚÖÐËùÓÐÃüÃûµÄ¿ò¼Ü¡£¸Ã¼¯ºÏÊÇ Window ¶ÔÏóµÄÊý×飬ÿ¸ö Window ¶ÔÏóÔÚ´°¿ÚÖк¬ÓÐÒ»¸ö¿ò¼Ü»ò <iframe>¡£ÊôÐÔ frames.length ´æ·ÅÊý×é frames[] Öк¬ÓеÄÔªËØ¸öÊý¡£×¢Ò⣬frames[] Êý×éÖÐÒýÓõĿò¼Ü¿ÉÄÜ»¹°üÀ¨¿ò¼Ü£¬ËüÃÇ×Ô¼ºÒ²¾ßÓÐ frames[] Êý×é¡£
4
1
9
Window ¶ÔÏóµÄÊôÐÔ
ÊôÐÔÃèÊöIEFO
closed
·µ»Ø´°¿ÚÊÇ·ñÒѱ»¹Ø±Õ¡£
4
1
9
defaultStatus
ÉèÖûò·µ»Ø´°¿Ú״̬À¸ÖеÄĬÈÏÎı¾¡£
4
No
9
document
¶Ô Document ¶ÔÏóµÄÖ»¶ÁÒýÓá£Çë²ÎÔÄ Document ¶ÔÏó¡£
4
1
9
history
¶Ô History ¶ÔÏóµÄÖ»¶ÁÒýÓá£Çë²ÎÊý History ¶ÔÏó¡£
4
1
9
innerheight
·µ»Ø´°¿ÚµÄÎĵµÏÔÊ¾ÇøµÄ¸ß¶È¡£
No
No
No
innerwidth
·µ»Ø´°¿ÚµÄÎĵµÏÔÊ¾ÇøµÄ¿í¶È¡£
No
No
No
length
ÉèÖûò·µ»Ø´°¿ÚÖеĿò¼ÜÊýÁ¿¡£
4
1
9
location
......
ÉùÃ÷£º±¾ÎÄת×Ôwww.52css.com
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡¢ÑÕÉ«»¹Êǻᱻä¯ÀÀÆ÷½âÎö£¬Õ¼ÓÃ×ÊÔ´¡£
3¡¢É÷Óà * ͨÅä·û¡£ËùνͨÅä·û£¬¾ÍÊǽ« CSS ÖеÄËùÓбêÇ©¾ù³õʼ»¯£¬²»¹ÜÓõIJ»Óõ쬹ýʱµÄÏȽøµÄ£¬Ò»ÊÓͬÈÊ£¬ÕâÑù£¬´ó´óµÄÕ¼ÓÃ×ÊÔ´¡£ÒªÓÐÑ¡ÔñµÄ³õʼ»¯±êÇ©¡£
4¡¢CSS µÄÊ®Áù½øÖÆÑÕÉ«´úÂëËõд¡£Ï°¹ßÁËËõд¼°Ð¡Ð´£¬Õâ²ÅÖªµÀ£¬ÔÀ´²»ÊÇÍÆ¼öµÄд·¨£¬ÎªµÄÊǼõÉÙ½âÎöËùÕ¼ÓõÄ×ÊÔ´¡£µ«Í¬Ê±»áÔö¼ÓÎļþÌå»ý¡£ÊëÓÅÊëÁÓ£¬Óдý×Ðϸ¿¼Ö¤¡£
5¡¢Ñùʽ·ÅÍ·ÉÏ£¬½Å±¾·Å½ÅÏ¡£²»ÄÚǶ£¬Ö»ÍâÁ´¡£
6¡¢¼á¾ö²»Óà CSS ±í´ïʽ¡£
7¡¢Ê¹Óà ÒýÓÃÑùʽ±í£¬¶ø²»ÊÇͨ¹ý @import µ¼Èë¡£
8¡¢Ò»°ãÀ´Ëµ£¬PNG ±È GIF ҪС£¬Ð¡µÃ¶à¡£ÔÙÕߣ¬GIF ÖÐÓжàÉÙÑÕÉ«ÊDZ»À˷ѵ ......
CSS¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÓÐʱÈÃÈ˺ÜÍ·ÌÛ,»òÐíµ±ÄãÁ˽⵱Öеļ¼ÇɸúÔÀí,¾Í»á¾õµÃÒ²²»ÊÇÄÑÊÂ,´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃû.
CSS¼¼ÇÉ
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚÈݲ»Òª»»ÐÐ
2. margin¼Ó±¶µÄÎÊÌâ ÉèÖÃΪfloatµÄdivÔÚieÏÂÉèÖõÄmargin»á¼Ó±¶¡£ÕâÊÇÒ»¸öie6¶¼´æÔÚµÄbug¡£½â¾ö·½°¸ÊÇÔÚÕâ¸ödivÀïÃæ¼ÓÉÏdisplay:inline; ÀýÈ磺 <#div id=”imfloat”> ÏàÓ¦µÄcssΪ #IamFloat{ float:left; margin:5px;/*IEÏÂÀí½âΪ10px*/ display:inline;/*IEÏÂÔÙÀí½âΪ5px*/}
3.¸¡¶¯ie²úÉúµÄË«±¶¾àÀë #box{ float:left; width:100px; margin:0 0 0 100px; //ÕâÖÖÇé¿öÖ®ÏÂIE»á²úÉú200pxµÄ¾àÀë display:inline; //ʹ¸¡¶¯ºö ......