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

css³£ÓÃС¼Ç

×ÖÐÍ
ÎÄ×Ö顏É«
color: #000;
ÎÄ×Ö´óС
font-size: 8pt;
ÎÄ×Ö×Ö體
font-family: “arial”, dotum;
ÎÄ×Öб體
font-style: italic;
С×Ö體
font-variant: small-caps;
×Ö間¾à離
letter-spacing: 1pt;
Ðиß
line-height: 15px; (Òà¿É為°Ù·Ö±È)
ÎÄ×Ö´Ö體
font-weight: bold;
¼Óµ×線
text-decoration: underline;
¼Ó刪³ý線
text-decoration: line-through;
¼Ó頂線
text-decoration: overline;
刪³ý連線µ×線
text-decoration: none;
Ê××Ö´ó寫
text-transform: capitalize;
Ó¢ÎÄ´ó寫
text-transform: uppercase;
Ó¢ÎÄС寫
text-transform: lowercase;
ÎÄ×Ö¿¿×ó
text-align: left;
ÎÄ×Ö¿¿ÖÐ
text-align: center;
ÎÄ×Ö¿¿ÓÒ
text-align: right;
ÎÄ×Ö·ÖÉ¢對齊
text-align: justify;
±³¾°
±³¾°顏É«
background: #e9e9e9;
±³¾°圖Ƭ²»ÖØ複
background: url(圖Ƭλַ) no-repeat;
±³¾°ÖØ複
background: url(圖Ƭλַ) repeat;
±³¾°Y軸ÖØ複
background: url(圖Ƭλַ) repeat-y;
±³¾°X軸ÖØ複
background: url(圖Ƭλַ) repeat-x;
±³¾°¸¡Ë®Ó¡¹Ì¶¨
background: url(圖Ƭλַ) fixed;
±³¾°ÖÃÖÐ
background-position: center;
±³¾°¿¿×ó
background-position: left;
±³¾°¿¿ÓÒ
background-position: right;
±³¾°¿¿ÉÏ
background-position: top;
±³¾°¿¿ÏÂ
background-position: bottom;
簡Ò×寫·¨
background: url(λַ) no-repeat top center fixed #fff;
¡ñ備註£ºÎ»Ö·請記µÃ²»ÊÇ複製ÉÏ·½µÄ網Ö·£¬¶øÊÇÔÚ圖ƬÉÏ·½°´ÓÒ鍵內ÈÝ裡µÄÄÇ個網Ö·£¡
¿ò線
È«¿ò線
border: 1px solid #000;
ÉÏ¿ò線
border-top: 1px solid #000;
Ï¿ò線
border-bottom: 1px solid #000;
ÓÒ¿ò線
border-right: 1px solid #000;
×ó¿ò線
border-left: 1px solid #000;
¿ò線種類
solid Ö±線
dotted 點線
dashed 虛線
double 雙線
groove Á¢體內͹


Ïà¹ØÎĵµ£º

CSSÐÞÊεıí¸ñ

ÏÂÃæÕâ¸öCSSÑùʽµÄ±í¸ñ£¬¸öÈ˸оõÑÕÉ«Æðµ½Á˺ܴóµÄ×÷Óá£Èç¹û²»ÊÇÁ½ÖÖÑÕÉ«µÄ¶Ô±ÈЧ¹ûºÃ£¬¿ÉÄÜÒ²¾ÍÊÇÒ»°ãµÄ±í¸ñ£º
ÏÈÀ´¿´HTML£º
<table width="590" cellspacing="1">
 <caption>
  text
 </caption>
 <thead>
<tr>
<th class="line1" scope="col">text< ......

CSS ѧϰ

¾ø¶Ô¶¨Î»µÄÔªËصÄλÖÃÏà¶ÔÓÚ×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬Èç¹ûÔªËØûÓÐÒѶ¨Î»µÄ×æÏÈÔªËØ£¬ÄÇôËüµÄλÖÃÏà¶ÔÓÚ×î³õµÄ°üº¬¿é¡£
¶ÔÓÚ¶¨Î»µÄÖ÷ÒªÎÊÌâÊÇÒª¼ÇסÿÖÖ¶¨Î»µÄÒâÒå¡£ËùÒÔ£¬ÏÖÔÚÈÃÎÒÃǸ´Ï°Ò»ÏÂѧ¹ýµÄ֪ʶ°É£ºÏà¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”ÔªËØÔÚÎĵµÖеijõʼλÖ㬶ø¾ø¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬ ......

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

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

CSS IE6+¡¢FF¼æÈÝ Í¼Æ¬´óС×ÔÊÊÓ¦

CSS´úÂëÈçÏ£º
img { /*-- רÃÅÓÃÓÚÏÞ¶¨ÎÄÕÂDIVϵÄͼƬ --*/
max-width: 680px;
max-height: 700px;
}
*html img { /*¼æÈÝIE6*/
width: expression(this.width > 700 && this.width > this.height ? 680 : tr ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ