Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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×¢²áµÄ£¬ÒªÇóÑé֤ÿ¸öÊäÈëµÄÊôÐÔµÄÀàÐÍ×Ö·û£¬»¹Òªµ¯³öÑé֤ʲôµÄ£¬Å¼²»»áѽ~ÓÚÊǾͿ´¿´ÍøÉÏһЩÀàËƵijÌÐò»¹ÊDz»ÐУ¬ÓÈÆäÊÇwmlscriptµÄwmlsÎļþÔÚµ÷ÓõÄʱºòÊÖ»ú×ÜÊÇÏÔʾÏÂÔØÎļþ£¬ÓôÃÆ~~Ï£ÍûÔÚѧѧÁË~~
inputÊôÐÔÖÐemptyokÊôÐÔ£¬Ö»ÓÐÔÚÓû§Ìîд¹ýÒ»¸öÊôÐÔʱÔÙ×¢²á²ÅÌáʾûÓÐÌîдÍêÕû£¬Èç¹ûÓû§Ò»¸ ......

CSS ¸ß¼¶Óï·¨

Ñ¡ÔñÆ÷µÄ·Ö×é
Òâ˼¾ÍÊÇ˵¼¸¸öÑ¡ÔñÆ÷¿ÉÒÔͬʱʹÓÃÒ»¸öÉùÃ÷£¬µ«ÊÇÑ¡ÔñÆ÷Ö®¼ä¼Çסһ¶¨ÒªÓöººÅÀ´¸ô¿ª£¬ÕâÑùÎÒÃÇ»á½ÚÊ¡Á˺ܶà´úÂë
ÎÒÃǾٸöÀý×Ó°É£¡
h1,h2,h2,h3,h5,h6 {
color: red; background:blue;
  }
ÕâÑùËùÓеÄh±êÌâ±êÇ©µÄ×ÖÌåÑÕÉ«ÊǺìÉ«£¬±³¾°ÊÇÀ¶É«£»Ó¦¸ÃÇå³þÁË°É£¡
css¼Ì³ÐÐÔµÄÎÊÌâ
×ÓÔªËؼ̳и¸ÔªËØµÄ ......

XHTML+cssµ¯ÐÔ+¹Ì¿í²¼¾Ö ÍøÒ³´úÂëʾÀý

html²¿·Ö
<!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=gb2312" />
<title>XHTML ......

css²¼¾ÖµÄ¿Ú¾÷

css²¼¾ÖµÄʱºò¶à¶à×¢Òâһϣ¬ÏàÐźܿì¾Í¿ÉÒÔÕÆÎÕÁËcss²¼¾ÖµÄ¼¼ÇÉ£¡
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒƲ»±Ø»Å£¬¸ß¶ÈÉèÖðïÄã棻
ËÄ¡¢¼æÈݸ÷¸öä¯ÀÀÐë×¢Ò⣬ĬÈÏÉèÖÃÐи߿ÉÄÜÊÇɱÊÖ£»
Îå¡¢¶ÀÁ¢Çå³ý¸¡¶¯ÐëÃú¼Ç ......

Ä¿Ç°×îÈ«µÄä¯ÀÀÆ÷/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ºÅ