Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSS³£ÓÃÊôÐÔ

Òª×ö¸öBSµÄÍøÕ¾ÏîÄ¿£¬¶ñ²¹Ò»ÏÂCSS¡£
CSS³£ÓÃÊôÐÔ£º
×ÖÌåÊôÐÔ
£º(font)
´óС font-size: x-large;(ÌØ´ó) xx-small;(¼«Ð¡) Ò»°ãÖÐÎÄÓò»µ½£¬Ö»ÒªÓÃÊýÖµ¾Í¿ÉÒÔ£¬µ¥Î»£ºPX¡¢PD
Ñùʽ font-style: oblique;(ƫбÌå) italic;(бÌå) normal;(Õý³£)
ÐÐ¸ß line-height: normal;(Õý³£) µ¥Î»£ºPX¡¢PD¡¢EM
´Öϸ font-weight: bold;(´ÖÌå) lighter;(ϸÌå) normal;(Õý³£)
±äÌå font-variant: small-caps;(СÐÍ´óд×Öĸ) normal;(Õý³£)
´óСд text-transform: capitalize;(Ê××Öĸ´óд) uppercase;(´óд) lowercase;(Сд) none;(ÎÞ)
ÐÞÊÎ text-decoration: underline;(Ï»®Ïß) overline;(ÉÏ»®Ïß) line-through;(ɾ³ýÏß) blink;(ÉÁ˸)
³£ÓÃ×ÖÌ壺 (font-family)
"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
±³¾°ÊôÐÔ
£º (background)
É«²Êbackground-color: #FFFFFF;
ͼƬbackground-image: url();
ÖØ¸´background-repeat: no-repeat;
¹ö¶¯background-attachment: fixed;(¹Ì¶¨) scroll;(¹ö¶¯)
λÖÃbackground-position: left(ˮƽ) top(´¹Ö±);
¼òд·½·¨ background:#000 url(..) repeat fixed left top;
Çø¿éÊôÐÔ
£º (Block)
×Ö¼ä¾àletter-spacing: normal; ÊýÖµ
¶ÔÁõtext-align: justify;(Á½¶Ë¶ÔÆë) left;(×ó¶ÔÆë) right;(ÓÒ¶ÔÆë) center;(¾ÓÖÐ)
Ëõ½øtext-indent: ÊýÖµpx;
´¹Ö±¶ÔÆëvertical-align: baseline;(»ùÏß) sub;(ϱê) super;(ϱê) top; text-top; middle; bottom; text-bottom;
´Ê¼ä¾àword-spacing: normal; ÊýÖµ
¿Õ¸ñwhite-space: pre;(±£Áô) nowrap;(²»»»ÐÐ)
ÏÔ
ʾdisplay:block;(¿é) inline;(ÄÚǶ) list-item;(ÁбíÏî) run-in;(×·¼Ó²¿·Ö)
compact;(½ô´Õ) marker;(±ê¼Ç) table; inline-table; table-raw-group;
table-header-group; table-footer-group; table-raw; table-column-group;
table-column; table-cell; table-caption;(±í¸ñ±êÌâ)
·½¿òÊôÐÔ
£º (Box)
width:; height:; float:; clear:both; margin:; padding:;     ˳Ðò£ºÉÏÓÒÏÂ×ó
±ß¿òÊôÐÔ
£º (Border)
border-style: dotted;(µãÏß) dashed;(ÐéÏß) solid; double;(Ë«Ïß) groove;(²ÛÏß) ridge;(¼¹×´) inset;(°¼ÏÝ) outset;
border-width:; ±ß¿ò¿í¶È
border-color:#;
¼òд·½·¨border£ºwidth style color;
ÁбíÊôÐÔ
£º (List-style)
ÀàÐÍlis


Ïà¹ØÎĵµ£º

JavaScript CSS StyleÊôÐÔ¶ÔÕÕ±í

JavaScript´úÂë
<mce:script type="text/javascript"><!--
function imageOver(e) {
e.style.border="1px solid red";
}
function imageOut(e) {
e.style.borderWidth=0;
}
// --></mce:script>
<img src="phplamp.gif" onmouseover="imageOver(this)" onmo ......

CSSÖг£ÓõÄʵÀý

¼¸¸öcssÔªËØµÄ¼òµ¥½âÊÍ div ul dl dt oldiv£¬Õâ¸öºÜ³£¼û£¬¿é¼¶ÔªËØ£¬div¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol ÓÐÐòÁÐ±í¡£
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
±íÏÖΪ£º
1……
2…& ......

CSS sprites¼¼Êõ¼Ó¿ìÄúµÄÍøÕ¾(¼õÉÙÍøÕ¾HTTPÇëÇó)

       ¼õÉÙÍøÕ¾HTTPÇëÇóÕâÊǼӿìÍøÕ¾·ÃÎÊËٶȵĹؼü£¬¶øCSS sprites¼¼ÊõÊǰѶàÕÅͼÏñ×éºÏ³ÉÒ»ÕÅͼÏñ£¬ÕâÑùÓû§ÔÚ·ÃÎÊÍøÕ¾Ê±Ò»´ÎÐ԰ѶàÕÅͼƬ¼ÓÔØÍ꣬¶ø²»ÐèÒªÒ»ÕÅÕÅͼƬµÄ¼ÓÔØ£¬ÕâÑù¼õÉÙÁË×é¼þµÄÒ³Â룬½¨Á¢¸ü·á¸»µÄÄÚÈݵÄÍøÕ¾£¬Í¬Ê±Ò²È¡µÃÁË¿ìËٵķ´Ó¦
ʱ¼ä¡£
    &n ......

Í·Í´µÄcss£¨div£©²¼¾Ö

ÎÒËùÓõÄÖ÷ÌâfstosÔÚÖÆ×÷ºÍ²âÊԽ׶ζ¼ÓõÄie6£¬ÒòΪÊDzÎÕÕwordpress×Ô´øµÄ¼¸¸öÖ÷ÌâдµÄ£¬µ±Ê±Ã»Óп¼ÂÇcssµÄ¼æÈÝÐÔÎÊÌ⣬·¸ÁË“´óÔ¾½ø”´íÎó£¨ÓÃfirefoxä¯ÀÀ¼òÖ±ÊDzҲ»È̶ã©£¬µ«ÓÉÓÚ¹¤×÷ºÜæҲûÓÐʱ¼äÐÞÀíËü¡£ÕâÁ½Ìì³éÁËЩʱ¼äºÃºÃ¶ÔËûÀ´Á˸ö´óÇåÀí£¬³ö˳±ã½«ÎÒÓöµ½µÄÖ÷ÒªÎÊÌâ×ܽáһϣ¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
¡ ......

JS+CSSƯÁÁÏà²áЧ¹û

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS+CSSÏà²áչʾ&l ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ