ѧϰcssÖеÄժ¼
Á´½Ó·½·¨£º
ÍⲿÁ´½ÓÑù±í£º<head><link rel="stylesheet" type="text/css" href="*.css"></head>
ÄÚ²¿µÄ£º1:<head><style type="text/css"> example css </style></head>
2:<p style="color: sienna; margin-left: 20px">
ʹÓ÷½·¨£º
ÀàÑ¡ÔñÆ÷£º.center {text-align: center}
<h1 class="center">
This heading will be center-aligned
</h1>
idÑ¡ÔñÆ÷£º#center {text-align: center}
<h1 id="center">
This heading will be center-aligned
</h1>
ÅÉÉú£º
»ùÓÚ´óÀàµÄʹÓã¬Ö»Òª¸ü´óµÄÔªËØÄÚ²¿µÄ±í¸ñµ¥Ôª£º .fancy td
ÀàÃûΪ fancy µÄ±í¸ñµ¥Ôª£º td.fancy <td class="fancy">
background-position µÄĬÈÏÖµÊÇ 0% 0%£¬ÔÚ¹¦ÄÜÉÏÏ൱ÓÚ top left¡£
background-attachment:fixed£ºÍ¼Ïñ¹Ì¶¨²»¶¯
body
{
background-image:url(/i/eg_bg_02.gif);
background-repeat:no-repeat;
background-attachment:fixed
}
background
¼òдÊôÐÔ£¬×÷ÓÃÊǽ«±³¾°ÊôÐÔÉèÖÃÔÚÒ»¸öÉùÃ÷ÖС£
background-attachment
±³¾°Í¼ÏñÊÇ·ñ¹Ì¶¨»òÕßËæ×ÅÒ³ÃæµÄÆäÓಿ·Ö¹ö¶¯¡£
background-c
Ïà¹ØÎĵµ£º
Ò»¡¢CSSÎļþ¼°ÑùʽÃüÃû
1¡¢CSSÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºglobal.css£»
¿ò¼Ü²¼¾Ö£ºlayout.css£»
×ÖÌåÑùʽ£ºfont.css£»
Á´½ÓÑùʽ£ºlink.css£»
´òÓ¡Ñùʽ£ºprint.css£»
2¡¢CSSÑùʽÃüÃû¹æ·¶
±¾È˽¨Ò飺ÓÃ×Öĸ¡¢_ºÅ¹¤¡¢-ºÅ¡¢Êý×Ö×é³É£¬±ØÐëÒÔ×Öĸ¿ªÍ·£¬²»ÄÜΪ´¿Êý×Ö¡£ÎªÁË¿ª·¢ºóÑùʽÃû¹ÜÀí·½±ã£¬´ó¼ÒÇëÓÃÓÐÒâÒåµÄµ¥ ......
ÔÚÖÆ×÷Ò»¸ö¸¡¶¯Í¼Æ¬ÓÃÓÚÍøÕ¾ÏÔʾʱ£¬³öÏÖͼƬ¹Ì¶¨²»¸¡¶¯£¬×îÖÕ¼ì²é·¢ÏÖ DIV¸¡¶¯Óë
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd³åÍ»
È¥µôÕâ¶Î¿ÉÔÝʱʵÏÖ¸¡¶¯¡£
µ«´Ë´úÂë²»¿ÉËæÒâÈ¥µô£¬È¥µôºóÓֻᵼÖÂDIVijЩÊôÐÔ»ìÂÒ¡£ÐҺô˴ÎÔÝʱ²»Ê¹ÓÃijЩ¹¦ÄÜ
ÁÙʱ½â¾ö°ì·¨£¬ÆÚ´ý¸üºÃµÄ½â¾ö°ì·¨ ......
ÕâÆªÎÄÕÂÊÇÔÚÈçϵØÖ·¿´µ½µÄ£º
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23302976.html
Ê×ÏÈÊÇHTML²¿·Ö£º
<
body>
<
div id="loading">
<div><img src="../images/loading.gif" /><span>Please Wait</span></div> ......
×ªÔØ×Ô£ºdiv+cssÓŵã
http://blog.sina.com.cn/s/blog_4fe1e5e90100bdtk.html
×î½üÃæÊÔÁ˶à¼Ò¹«Ë¾...Óиö¹ØÓÚdiv+css²¼¾ÖºÃ´¦µÄÎÊÌâ,ÎÊÁ˺öà´Î..ÎһشðÁËһЩ,µ«ÊDz»Ì«È«Ãæ..
½ñÌì´ÓÍøÉÏϵͳµÄËÑË÷µ½ÁËһЩ,²Î¿¼
DIV±¾Éí¾ÍÊÇÈÝÆ÷ÐÔÖʵÄ,Äã²»µ«¿ÉÒÔÄÚǶtable»¹¿ÉÒÔÄÚǶÎı¾ºÍÆäËüµÄHTML´úÂ룻CSSÊÇCascADIng style Sh ......
css display µÄ²ÎÊýÁбí
Óï·¨£º
display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group
²ÎÊý£º
block : ¡¡CSS1¡¡¿é¶ ......