½øÐÐÒ³ÃæÉè¼Æ£¬·ÖÏíDIV+CSSһЩС¹æÔò
ÔÚ½øÐÐÒ³ÃæÉè¼ÆµÄʱºò£¬ÏàÐÅÏÂÃæÕâЩ¶«Î÷Ó¦¸ÃÄܹ»°ïÖúÄ㣬DIV+CSS£¬Ï£Íû¿ÉÒÔΪÄã½Úʡһµãʱ¼ä¡£
Ò»¡¢ ÉÆÓÃcssËõд¹æÔò
/*×¢ÒâÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÊéд˳Ðò*/
1. ¹ØÓڱ߾ࣨ4±ß£©£º
1px 2px 3px 4px (ÉÏ¡¢ÓÒ¡¢Ï¡¢×ó)
1px 2px 3px £¨Ê¡ÂÔµÄ×óµÈÓÚÓÒ£©
1px 2px (Ê¡ÂÔµÄÉϵÈÓÚÏÂ)
1px £¨Ëı߶¼Ïàͬ£©
2. ¼ò»¯ËùÓУº
*/ body{margin:0}------------±íÊ¾ÍøÒ³ÄÚËùÓÐÔªËØµÄmarginΪ0
#menu{ margin:0}------------±íʾmenuºÐ×ÓϵÄËùÓÐÔªËØµÄmarginΪ0
3. Ëõд£¨border£©Ìض¨Ñùʽ£º
Border:1px solid #ffffff;
Border-width:0 1px 2px 3px;
4. ¹ØÓÚÎÄ×ÖµÄËõд¹æÔò£º
Font-style:italic; бÌåÐÎʽ
Font-variant:small-caps/normal; ±äÌåÑùʽ£ºÐ¡ÐÍ´óд×Öĸ/Õý³£
Font-weight:bold;
Font-size:12px;
Line-height:1.2em(120%)/1.5em(150%);
Font-family:arrial,sans-serif,verdana;
Ëõд³É£º
Font:italic small-caps bold 12px/1.5em arrial,sans-serif;
×¢Ò⣺Font-sizeºÍLine-heightÓÃб¸Ü×éºÏÔÚÒ»Æð²»ÄÜ·Ö¿ªÐ´¡£
5. ¹ØÓÚ±³¾°Í¼Æ¬µÄ£º
Background:#FFF url(log.gif) no-repeat fixed top left;
6. ¹ØÓÚÁÐ±í£º
List-style-type:square/none;
List-style-position:inside;
List-style-image:url(filename.gif);
Ëõд³É£º
List-style:none inside url(filename.gif);
¶þ¡¢ ÔËÓÃ4ÖÖ·½·¨À´ÒýÈëCSSÑùʽ
1.link
<link rel=”stylesheet” type=”text/css” href=”a.css”>
rel ¹ØÏµ
type Êý¾ÝÀàÐÍ,ÓжàÖÖ
href ·¾¶
²¿·Öä¯ÀÀÆ÷Ö§³ÖºòÑ¡Ñùʽ,¹Ø¼ü×Ö:alternate:
<link rel=”stylesheet” type=”text/css” href=”a.css”>
<link rel=”alternate stylesheet&
Ïà¹ØÎĵµ£º
ÕâЩ¶¼ÊÇ֮ǰѧϰµÄʱºò×ܽáµÄ£¬ÏÖÔÚ°ÑËüÃǶ¼ÉÏ´«ÉÏÀ´£º
DIV+CSSÃæÊ԰˸öÌâÊÇ֮ǰÔÚÄĸöÍøÕ¾¿´µ½ÁË£¬ÏÖÔÚÔõôҲÕÒ²»µ½ÁË£¬Ë÷ÐÔ×Ô¼ºÁôÒ»·Ý°É£¡
Ò»¡¢³¬Á´½Ó·ÃÎʹýºóhoverÑùʽ¾Í²»³öÏÖµÄÎÊÌ⣿
¡¡¡¡±»µã»÷·ÃÎʹýµÄ³¬Á´½ÓÑùʽ²»ÔÚ¾ßÓÐhoverºÍactiveÁË,½â¾ö·½·¨ÊǸıäCSSÊôÐÔµÄÅÅÁÐ˳Ðò: L-V-H-A
¶þ¡¢IE6µÄË«±¶±ß¾àBUG
......
來Ô´£ºhttp://www.webjx.com/css/divcss-17091.html
ÖÐÎÄÔÎÄ£ºCSSÔÚInternet Explorer 6, 7 ºÍ8ÖеIJî±ð
Òë×Ô£ºCSS Differences in Internet Explorer 6, 7 and 8
¹ØÓÚä¯ÀÀÆ÷µÄ×îÀëÆæµÄͳ¼Æ½á¹ûÖ®Ò»¾ÍÊÇInternet Explorer
°æ±¾6£¬7ºÍ8¹²´æ¡£½ØÖÁ±¾ÎÄ£¬Internet Explorer¸÷¸ö°æ±¾×ܹ²Õ¼¾ÝÁË´óÔ¼65%µÄÊг¡ ......
ÔÚ¹úÄÚÍøÕ¾ÖУ¬°üÀ¨Èý´óÃÅ»§£¬ÒÔ¼°“ÒýÁì”ÖйúÍøÕ¾Éè¼Æ³±Á÷µÄÀ¶É«ÀíÏ룬ChinaUIµÈ¶¼ÊÇʹÓÃÁËpx×÷Ϊ×ÖÌ嵥λ¡£Ö»ÓаٶȺôõ×öÁ˸ö¿Éµ÷µÄ±íÂÊ¡£¶øÔÚ´óÑó±Ë°¶£¬¼¸ºõËùÓеÄÖ÷Á÷Õ¾µã¶¼Ê¹ÓÃem×÷Ϊ×ÖÌ嵥룬Ҳ¾ÍÊǿɵ÷µÄ¡£Ã»´í£¬px±Èem¸ü¼ÓÈÝÒ×ʹÓ㬴󲿷ֶÁÕß²»ÖªµÀemΪºÎÎï»òÕßËüÏ൱ÓÚ¶àÉÙpx¡£¹úÍâÈËÊ¿Èç´ËÖØÊÓÍøÕ ......
ÎÒϲ»¶3À¸²¼¾ÖµÄÍøÒ³Éè¼Æ£¬µ«ÊÇ3À¸²¼¾ÖÏà¶ÔÀ´Ëµ¾Í±È½Ï¸´ÔÓ£¬ÓÐЩÄÑÒÔ¿ØÖÆ£¬¾¡¹ÜʱÏÂÕý»ðµÄWeb2.0ËÆºõºÜÉÙ²ÉÓÃ3À¸²¼¾Ö¡£µ«Ã»¹ØÏµ£¬ÎÒÃÇÊÇ·Ç·Ç·ÇÖ÷Á÷¡£
Ê×ÏÈ£¬ÈκÎÒ»¸ö²¼¾Öͨ³£¶¼ÓÐheaders, navigation bars, content containers,
......
// °´×Ö·û»»ÐÐ
style="word-break: break-all;"
// °´´Ê×é»»ÐÐ
style="word-wrap: break-word;"
==========================================================================
==========================================================================
font-family:Ari ......