CSSÉè¼Æ³¹µ×Ñо¿
Õâ±¾Êé²»´í£¬Ïêϸ½éÉÜÁËCSSµÄÏà¹Ø֪ʶ£¬¶Ô³õѧÕߺÍÏë½øÒ»²½Ñ§Ï°µÄÈ˶¼ÓаïÖú¡£
Ïà¹Ø±Ê¼Ç£º
ÐÐÄÚÑùʽ>IDÑùʽ>ÀàÑùʽ>±ê¼ÇÑùʽ
font-weight:bold;
font-size:30px;
text-decoration:underline;
<em>Ç¿µ÷±êÇ©
ºÐ×ÓÄ£ÐÍ£º
¸ø³ö2¸öÖµ,Ç°Õß±íʾÉÏÏ£¬ºóÕßΪ×óÓÒ
¸ø³ö3¸öÖµ£¬Ç°ÕßÉÏ£¬Öмä×óÓÒ£¬ºóÕßΪÏÂ
¸ø³ö4¸öÖµ£¬ÉÏ£¬ÓÒ£¬Ï£¬×ó
div ¿é¼¶ÔªËØ block
span ÐÐÄÚÔªËØ inline
border-style:solid;
border-width
border-color
border:2px black solid;
font-family:ËÎÌå;
text-align:center;
ºÐ×Ó¶¨Î»£º
1.static ĬÈÏ£¬°´ÕÕ±ê×¼Á÷
2.relative Ïà¶Ô¶¨Î»
3.absolute ¾ø¶Ô¶¨Î»
4.fixed ÒÔÓÎÀÀÆ÷´°¿ÚΪ»ù×¼
display:inline
:block
:none
float:left;
clear:right;
position:relative;
left:30px;
top:30px;
line-height:18px;
:1.5 ±íʾ±¶Êý
background:url(¡£¡£¡£.gif) no-repeat
background-image:url(...gif)
background-repeat:repeat-x;
overflow:scroll;
<!--[if lte IE6]>
<![endif]-->
border-collapse:collapse;
IE6²»Ö§³Ö·ÇÁ´½ÓÔªËØhoverαÀà
onmouseover
onmouseout
CSSºËÐÄ»ù´¡
µÚ0¿Î¡¶CSSÉ
Ïà¹ØÎĵµ£º
ÔÚÐí¶àÍøÕ¾ÉÏÎÒÃÇ¿ÉÒÔ¿´µ½ºÜ¸öÐÔµÄÊó±êÖ¸Õë(cursor)£¬ÔÚÍøÒ³Éè¼ÆÖÐÓÃCSS¿ÉÒÔ·½±ãµÄʵÏÖÕâÑù¸öÐÔÊó±êÖ¸ÕëµÄЧ¹û,¸ÃCSSÊôÐÔ¾ÍÊÇ"cursor"ÊôÐÔ¡£
Ê×ÏÈÎÒÃǽéÉÜÒ»ÏÂϵͳ×Ô´øµÄ15¸öÊó±êЧ¹û£º
Ò»°ã¶øÑÔ£¬Êó±êÒÔбÏòÉϵļýÍ·ÏÔʾ£¬ÒƵ½Îı¾ÉÏʱ±äΪÓÐÍ·µÄÊúÏߣ¬ÒƵ½³¬¼¶Á´½ÓÉϱäΪÊÖÐÍ¡£µ«ÓÃcss¿É¿ØÖÆÊó±êµÄÏÔʾЧ¹û£¬Èç¿ÉʹÊó±ê ......
CSS¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÓÐʱÈÃÈ˺ÜÍ·ÌÛ,»òÐíµ±ÄãÁ˽⵱Öеļ¼ÇɸúÔÀí,¾Í»á¾õµÃÒ²²»ÊÇÄÑÊÂ,´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃû.
CSS¼¼ÇÉ
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ
vertical-align:middl ......
<!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=gbk" />
......
Á´½Ó·½·¨£º
ÍⲿÁ´½ÓÑù±í£º<head><link rel="stylesheet" type="text/css" href="*.css"></head>
ÄÚ²¿µÄ£º1:<head><style type="text/css"> example css </style></head>
&nbs ......
ä¯ÀÀÆ÷Ô½À´Ô½¶à£¬²»Í¬µÄä¯ÀÀÆ÷£¬²»Í¬µÄ°æ±¾ÔÚÒ³ÃæµÄäÖȾÉ϶¼¸÷²»Ïàͬ¡£ÕâÈÃÍøÒ³¿ª·¢ÈËÔ±ºÜÍ·ÌÛ£¬ÎªÁËÄܼæÈݸ÷¸öä¯ÀÀÆ÷£¬ÈËÃÇÍÚ¾ò³öÁ˺ܶà CSS Hack¡£ÏÂÃæ½øÐÐÒ»ÏÂ×ܽᣬÈç¹û»¹ÓÐÆäËûµÄ CSS Hack »¶ÓÌṩ¡£
Ò») Õë¶Ô IE µÄ Hack
´ó²¿·Ö CSS Hack ¶¼ÊÇÕë¶Ô IE µÄ£¬ÕâÊÇÓÃÓÚÎÒÃÇµÄ IE "¼áÇ¿"ËùÖ£¬ÓÈÆäÊÇ IE6¡£
#test {
......