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

xhtml mp ºÍ wap cssÓ¦Óý²½âÒ»


ʹÓÃwap css¿ÉÒÔ°ÑÄÚÈݺͱíʾ·ÖÀ룬ºÃ´¦£º
1.ʹÓÃwcssʹÄÚÈݺÍÑùʽ·ÖÀ룬¿ÉÒÔΪ²»Í¬ÊÖ»ú£¬Éè¼Æ¼¸¸ö°æ±¾wap css style sheet ºÍÖ¸¶¨²»Í¬ÆÁ
Ä»´óС¡£ÄÚÈÝÈ´²»ÐèÒªÐ޸ġ£
2.Ϊ²»Í¬É豸£¬ÈçPC,PDA,MOBILE PHONE£¬×¼±¸²»Í¬Ñùʽ±í£¬ÄÚÈݲ»ÐèÒª¸Ä±ä¡£
3.¼õÉÙά»¤Ò»¸öwapÕ¾µã£¬µ±ÓÐеĵ绰£¬Ö»ÐèÒªÔö¼ÓеÄÑùʽ±í£¬ÄÚÈݲ»ÐèÒªÐ޸ġ£
4.¶à¸öwapÒ³ÃæÓ¦ÓÃÒ»¸öwap cssÑùʽ±í£¬Èç¹ûÒª¸Ä±äÒ³Ãæ£¬Ö»ÐèÒªÐÞ¸ÄÑùʽ±í¡£
5.ÔÚ¶à¸ö¹¤³ÌÖÐÖØ¸´Ê¹ÓÃÑùʽ±í¡£
6.Èç¹ûÓ¦ÓÃÑùʽ±í£¬ÕâÑùmobileÖ»ÊÇÐèÒªÏÂÔØÒ»´Î£¬È»ºó¾Í»á´æÔÚ»º´æÖУ¬Ï´ηÃÎʲ»ÐèÒªÔÚÁ¬½Ó·þ
ÎñÆ÷¡£
7.xhtml mp Îĵµ±äµÃ¸üС£¬ÒòΪ¿ÉÒ԰Ѳ¼¾ÖºÍÑùʽÐÅÏ¢·ÅÈëÍⲿwap cssÑùʽ±íÖС£Ð¡ÎļþÏÂÔØÊ±¼ä
¾Í¸ü¶Ì¡£
ȱµã£º
1.²»Í¬wapä¯ÀÀÆ÷¾ßÓжÔwcssµÄ²»Í¬Ö§³Ö¶È£¬Ò»¸öwapä¯ÀÀÆ÷Ö§³Ö£¬Ò²ÐíÁíÒ»¸ö¾Í²»Ö§³Ö¡£
2.Ò»¸öÍⲿwcssÑùʽ±í£¬ÔÚµÚÒ»´Îµ¼ÈëÑùʽ±íʱ£¬»áÔö¼ÓÇëÇóʱ¼ä£¬È磺
  a. Ñùʽ±í²»ÔÙ»º´æÖÐ
  b. xhtml mpºÍexternal wcssÊÇÁ½¸ö²»Í¬µÄÏÂÔØÇëÇó
  c. Èç¹ûÄãÓÃwcssÖ¸¶¨mobile internet siteµÄ±íʾÐÅÏ¢£¬wcss½«±äµÃÏ൱´ó¡£
  d. wap ä¯ÀÀÆ÷ÐèÒª¶îÍâµÄ½âÎöwcss
×¢Ò⣺
1.Ñùʽ±íʹÓã¬Ñ¡ÔñÆ÷Çø·Ö´óСд£¬¼´wcssºÍxhtml mpÖб£³ÖÒ»Ö£¡
eg: Ò³ÃæÖÐ<h1>df</h1>  ,Ñùʽ±íÖУ¬±ØÐëh1Ò²ÊÇСд£¡
2.ÔªËØ.ÑùʽÃû====´ËÑùʽֻÄÜÓ¦ÓÃÔÚ´ËÔªËØÉÏ¡£
  .ÑùʽÃû====´ÎÑùʽ¿ÉÓÃÓÚ¶à¸öÔªËØÉÏ¡£
3.ʹÓÃclass selector»òÕßid selectorÊÇÊ×Ñ¡µÄ£¬Ê¹ÓÃstyle attributeÐÐÄÚÑùʽ½«Òý·¢»ìÂÒ¡£
xhtml mp markup different:
1.div Óë span: span°üÀ¨Ò»¸ö¿éÔªËØ£¬ÈçÎı¾£»div °üÀ¨Ò»¸ö»ò¶à¸ö¿éÔªËØ£¬Èçp,h1,tableµÈÔªËØ¡£
ÖØµþ¹æÔò´¦Àí¶à×éwcss ÑùʽӦÓÃÓÚͬÑùÔªËØ£º
1.Èç¹ûÔÚͬһ¸öÎĵµ£¬Ó¦Óò»Í¬Ñùʽ£¬ÔÚͬһ¸öÔªËØÉÏÓ¦Óò»Í¬µÄÑùʽ£¬È¡×îºóµ¼ÈëµÄ»òÓ¦Óõġ£
  ²ÉÓþͽüÔ­Ôò¡£
2.wcssµÄÎı¾×ÖÌåÊôÐÔ£º
 a. ¼Ó´Ö£º<b></b>±êÇ©
 b. бÌ壺<i></i>±êÇ©
 c. ×ÖÌå±äС£º<smaller></smaller>
 µ«ÊÇÕâÑù×öÊ¹Ò³Ãæ±äµÃ»ìÂÒ£¬Èç¹û"<h1><b>ºÇºÇ</b></h1>"Ó¦Óôˣ¬ÈçÒª¸Ä±ä£¬ÔòÓ¦ÓÃ
 ´ËÖÖÑùʽµÄ¶¼Òª¸Ä±ä¡£
 ²»Í¬phone support different font
 Èç¹û×ÖÌ峬¹ýÒ»¸öµ¥´Ê£¬ÒªÓÃÒýºÅ
 eg:
h3 {
    font-family: "Times New Roman",Arial, Hel


Ïà¹ØÎĵµ£º

¹ØÓÚwap×¢²áÑéÖ¤

×î½üÒª×öÁ½¸öÒ³Ãæ¹ØÓÚwap×¢²áµÄ£¬ÒªÇóÑé֤ÿ¸öÊäÈëµÄÊôÐÔµÄÀàÐÍ×Ö·û£¬»¹Òªµ¯³öÑé֤ʲôµÄ£¬Å¼²»»áѽ~ÓÚÊǾͿ´¿´ÍøÉÏһЩÀàËÆµÄ³ÌÐò»¹ÊDz»ÐУ¬ÓÈÆäÊÇwmlscriptµÄwmlsÎļþÔÚµ÷ÓõÄʱºòÊÖ»ú×ÜÊÇÏÔʾÏÂÔØÎļþ£¬ÓôÃÆ~~Ï£ÍûÔÚѧѧÁË~~
inputÊôÐÔÖÐemptyokÊôÐÔ£¬Ö»ÓÐÔÚÓû§Ìîд¹ýÒ»¸öÊôÐÔʱÔÙ×¢²á²ÅÌáʾûÓÐÌîдÍêÕû£¬Èç¹ûÓû§Ò»¸ ......

CSS HackËÙ¼Ç

CSS HackËÙ¼Ç: *html , IE +html , IE _html , IE6 *+html , IE7 height/*\**/,IE8 ±ØÐë±£Ö¤HTML¶¥²¿ÓÐÈçÏÂÉùÃ÷:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   ʾÀý height:100px;¡¾FF¡¿ ......

1¡¢IEÓëFirefox϶ÔCSS½âÎöµÄÇø±ð

1¡¢IEÓëFirefox϶ÔCSS½âÎöµÄÇø±ð
¶Ô¸ß¶ÈµÄ½âÎö
IE£º½«¸ù¾ÝÄÚÈݵĸ߶ȱ仯£¬°üÀ¨Î´¶¨Òå¸ß¶ÈµÄͼƬÄÚÈÝ£¬¼´Ê¹¶¨ÒåÁ˸߶ȣ¬µ±ÄÚÈݳ¬¹ý¸ß¶Èʱ£¬½«Ê¹ÓÃʵ¼Ê¸ß¶È
Firefox£ºÃ»Óж¨Òå¸ß¶Èʱ£¬Èç¹ûÄÚÈÝÖаüÀ¨ÁËͼƬÄÚÈÝ£¬MFµÄ¸ß¶È½âÎöÊǸù¾ÝÓ¡Ë¢±ê×¼£¬ÕâÑù¾Í»áÔì³ÉºÍʵ¼ÊÄÚÈݸ߶Ȳ»·ûºÏµÄÇé¿ö£»µ±¶¨ÒåÁ˸߶ȣ¬µ«ÊÇÄÚÈݳ¬¹ý¸ß¶Èʱ ......

css½¥±ä´úÂë4ÖÖ

css½¥±ä´úÂë4ÖÖ
Ò»¡¢´ÓÉÏÍùϽ¥±ä
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-col ......

Ŀǰ×îÈ«µÄä¯ÀÀÆ÷/CSSÑ¡ÔñÆ÷¼æÈÝÐÔ×ܽá

2009Äê2ÔÂ24ÈÕ
£¬Safari 4.0
beta°æÕýʽ·¢²¼£¬Safari´ÓËüµÄ3.2°æ±¾¿ªÊ¼¾ÍÒѾ­Ö§³ÖËùÓеÄCSSÑ¡ÔñÆ÷(°üÀ¨×îеÄCSS3)¡£²»¹ýΪÁË·½±ã´ó¼ÒµÄ¹¤×÷£¬ÏÂÃæÌṩÁË×îаæ
±¾µÄCSSÑ¡ÔñÆ÷ä¯ÀÀÆ÷Ö§³ÖÇé¿ö£¬ÆäÖаüÀ¨×îеÄCSS3ºÍSafari 4.0 BetaµÄÖ§³ÖÇé¿ö¡£¸ÐлEstelle Weyl
µÄ×ܽᡣ
2009Äê6ÔÂ30ÈÕ
£¬FireFox 3.5·¢²¼£¬ÀàËÆSafar ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ