¡¶CSSÈë޵䡷ÖеÄÒ»¸öÎÊÌâ
367Ò³µÚ11ÕÂÀý18£¬¹Ì¶¨Ò³Ã¼£¬ÀýÖÐwidth¼õÁË21£¬height¼õÁË35£¬¿ÉÎÒÀãÊÇû¿´³öÀ´Õâ21ºÍ35ÊÇÔõôËã³öÀ´µÄ£¬Çë¸÷λ¸ßÊÖÖ¸µãһϡ£
°ÑÍêÕû´úÂë·¢³öÀ´
¡£¡£¡£¡£Â¥Ö÷£¬¸øÎÒÃÇÂò±¾ÄǸöÊé°É£¬ÂòÍê¸øÄã¿´¿´£¬ºÇºÇ
°ÑÄÇÒ»¶ÎÄÚÈÝÃèÊöһϡ£
ÄãÊÇÔÚ×ö¡¶CSSÈë޵䡷µÄ¹ã¸æÂð
[color=#FF99CC][/color]
±ØÐëÒª¼Óµ¥Î»Ñ½¡£¡£¡£¡£
Õâ±¾ÊéÎÒÓдÓÍ·¶Áµ½Î²!û·¢ÏÖLZ˵µÄÎÊÌâ!ÎһؼÒÇÆÇÆ
ÎÒÔΡ£¡£¡£»¹ÓÐÕâÑùÎÊÎÊÌâµÄ
±ÈÎÒ»¹²»»áÎÊ ÎÊÌâ
ÔÚsamsϵÄʾÀýÖÐûÓÐÊýÖµ.11ÕÂÊÇ: Backgrounds and Background Colors
ʾÀýÏÂÔØ:
http://www.informit.com/store/product.aspx?isbn=0672329069
´óÖµÄÄÚÈÝÈçÏ£¬ÎÊÌâ¾ÍÊÇÄǸöÐèÒª¼õµÄ21ºÍ35ÊÇÔõô¼ÆËã³öÀ´µÄ£¬
body{
background:lightyellow;
font:12px sans-serif;
margin:0;
padding:0;
}
h1{
position:absolution;
top:0;
left:0;
right:0;
height:20px;
font-weight:normal;
font-size:18px;
border-bottom:1px solid rgb(200,200,200);
background:white;
margin:0;
padding:5px;
}
div#container{
position:absolution;
top:31px;
bottom:0;
right:0;
Ïà¹ØÎÊ´ð£º
¶ÔCSSÄÜ¿´¶®£¬µ«Ò»Ð©ÊôÐÔ»¹ÊDz»Äܹ»ÍêÈ«Àí½â¡£
×Ô¼ºÖ»»áдЩ³£ÓõÄCSS¡£»¹Ã»´ïµ½´´ÔìºÍ´´Ðµĵز½¡£
ËùÒÔÏëÎÊϸ÷λǰ±²£¬Ó¦¸Ã¿´ÄDZ¾Êé½ÏºÃÄØ£¿
½¨Òé²»ÂòÊéÍøÉÏÕҽ̳Ì×Ôѧ£¬Õâ¸ö¶«Î÷²»ÊǺÜÄÑ£¬¶àÁ·Ï°¾Í»áÁË
......
ÎÒÏÖÔÚÔÚÑ§Ï°ÍøÕ¾¿ª·¢£¬Ñ§Ï°µÄ¹ý³ÌÖз¢ÏÖCSSÊÇÓÃÀ´ÉèÖÃÑùʽµÄ£¬¶øDOMÒ²¿ÉÒÔÓÃÀ´ÉèÖÃÑùʽ£¬js¿âÒ²¿ÉÒÔ¡£
ÕâЩ¾¿¾¹ÔÚʲôʱºòÓÃʲô?
ÇëÖ¸µã£¡Ð»Ð»£¡
²»ÓÃjs+dom²Ù×÷css,LZд¸öÓÃdom²Ù×÷cssµÄÀ´¿´¿´
DOMÖ»ÊÇÒ» ......
Äܲ»ÄÜдһ¸öcssµÄÀà ÈÃËùÓÐinput type="button"µÄ°´Å¥Ö±½Ó×Ô¶¯Ì×ÓÃÕâ¸öÀà ¶ø²»ÓÃÎÒÒ»¸öÒ»¸öÊÖ¶¯È¥¼Óµ½Ã¿¸öinputÀïÃæ£¿
ÒòΪÎÒÓкöàÒ³Ãæ¶¼ÓÃÒ»¸öCSS£¬ËùÒÔÖ»ÒªÐèÒªÊÖ¶¯¼ÓµÄ·½·¨¶¼²»¿ ......
½ñÌìÈ¥baiduÌáÎʵÄʱºò¿´µ½baiduµÄcssÖÇÄÜÌáʾ¾õµÃºÜÈË»¯£¬Õâ²»»ØÍ·¾ÍдÁËÒ»¸ö¡£¸ø´ó¼Ò¿´¿´!
Çë¶à¶àÖ¸½Ì£¡£¡£¡
HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ......
ÈçÌ⣡£¡ ×îºÃÄܹ»¶àä¯ÀÀÆ÷Ö§³Ö£¡£¡£¡
CSS code:
<style type="text/css">
<!--
.fixTop {
Z-Index:102;
position:relative;
Top:expression(this.offsetPare ......