ѧϰ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ÑùʽÃüÃû¹æ·¶
±¾È˽¨Ò飺ÓÃ×Öĸ¡¢_ºÅ¹¤¡¢-ºÅ¡¢Êý×Ö×é³É£¬±ØÐëÒÔ×Öĸ¿ªÍ·£¬²»ÄÜΪ´¿Êý×Ö¡£ÎªÁË¿ª·¢ºóÑùʽÃû¹ÜÀí·½±ã£¬´ó¼ÒÇëÓÃÓÐÒâÒåµÄµ¥ ......
ÍøÉϹØÓÚÍ»³öÏÔʾµ±Ç°Ò³ÃæµÄÎÄÕÂÓв»ÉÙ£¬µ«ÊÇ»ù±¾¶¼ÊǹØÓÚʵÏÖ¾²Ì¬²Ëµ¥µÄ¸ßÁÁ£¬½²µ½¶¯Ì¬Éú³É²Ëµ¥¸ßÁÁµÄÎÄÕÂÖÁÉÙÎÒûÓÐÕÒµ½£¬ÔÚcsdnÉÏÎÊÁËÁ½Ì춼ûÓд𰸣¬×îºóÔÚһλÅóÓѵĻشðÖÐÕÒµ½Ë¼Â·£¬ÏÈÀûÓÃÒ»¸öº¯ÊýÅжϲ˵¥ÊÇ·ñÊÇÕýÔÚä¯ÀÀµÄµ±Ç°Ò³£¬È»ºó¸¶¸øliÒ»¸öid£¬ÀûÓÃcss²ãµþid´óÓÚclassµÄ¹ØÏµ£¬°ÑÕâ¸öid¶¨Òå³É¸ßÁÁÑùʽ¡£
aspx ......
»ùÓÚIEÓëcssµÄ±í¸ñÐÐÍ·Óë¶à²ãÁÐÍ·Ëø¶¨·½·¨
£¨×ó±ßÍ¼Ëø¶¨ÁËÐÐÍ·ÓëÁÐÍ·£¬ÓÒ±ßͼ½öËø¶¨ÁÐÍ·£©
ÓÐÐí¶àµÄËø¶¨»ò¹Ì¶¨html±í¸ñ±íÍ·µÄ·½·¨ºÍ¼¼Êõ£¬±¾ÎĽéÉܵÄÊÇÒ»¸ö»ùÓÚIEºÍcssµÄ¼òÒ×ʵÏÖ·½·¨£¬»ù±¾Ë¼Â·Îª£ºÊ¹ÓÃdivÐм¶ÔªËØÈ·¶¨Ò»¸ö°üº¬±í¸ñµÄÇøÓò£¬ÔÚÇøÓò¹ö¶¯Òƶ¯Ê±¶¨Î»·Ç¹Ì¶¨µ¥Ôª¸ñµÄλÖã¨top/left£© ......
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¡¡¿é¶ ......