WAP 2.0½éÉܺÍʹÓù淶(3)
Èý¡¢WCSS/WAP CSS
£¨Ò»£©WCSS ½éÉÜ
WCSS/WAP CSS/Wireless CSS/Wireless Profile CSS£¨WAP Cascading Style Sheet £©
ÊÇCSS2µÄ×Ó¼¯+һЩWAPÌØÓеÄÀ©Õ¹
Ä¿µÄ£º¶¨ÒåÎĵµµÄ·ç¸ñºÍ²¼¾Ö£¬´ÓÎĵµÄÚÈÝÖзÖÀë¡£
ÖØÒªÐÔ£º²»Í¬µÄÊÖ»úÉ豸ÓжàÑùµÄÌØÕ÷£¬±ÈÈçÆÁÄ»´óС¡£
WML²»Ö§³ÖWCSS
W3C CSS Mobile ProfileºÍWAP CSS ²»Í¬¡£
£¨¶þ£©Ê¹ÓÃWCSSµÄÓÅÊÆ
Ö÷Òª£ºÑ§Ï°³É±¾½µµÍ£¬¿ÉÓÃÏàͬµÄ¿ª·¢¹¤¾ß£¬¿ÉÓÃWEBä¯ÀÀÆ÷ä¯ÀÀ¡£
±íÏֺͽṹµÄ·ÖÀ룺ƥÅ䲻ͬÎÞÏßÉ豸µÄÌØÕ÷£¨ÆÁÄ»´óС£©¡¢²»Í¬¿Í»§¶Ë´úÀí£¨PC¡¢PDA¡¢ÊÖ»ú£©£»½µµÍά»¤³É±¾£¨ÐÂÊÖ»ú£©£»¸Ä±äÊÓ¾õºÍ²¼¾Ö½öÐèCSS£»Öظ´Ê¹ÓÃCSS£»±ãÓÚ¹¤×÷ϸ·Ö¡£
±ÈWML¸üºÃµÄ¿ØÖƱíÏÖ£º¿ÉÒÔ¶¨ÒåÔªËØµÄcolor£¬font£¬background£¬border£¬margin£¬paddingµÈÊôÐÔ¡£
ÒÆ¶¯É豸µÚÒ»´Î·ÃÎÊÕ¾µãÏÂÔØÑùʽ£¨Cache£©¡£
ʹÓÃÍⲿWCSS£¬XHTML MPµÄÎĵµ´óС±äС£¬Ìá¸ßÏÂÔØÊ±¼ä¡£
£¨Èý£©Ê¹ÓÃWCSSµÄÁÓÊÆ
²»Í¬µÄWAPä¯ÀÀÆ÷¶ÔWCSSµÄÖ§³Ö²»Í¬£¬¿ÉÄÜÒ»¸öÊôÐÔÔÚÕâ¸öWAPä¯ÀÀÆ÷ÉÏÖ§³Ö£¬¶øÁíÍâÒ»¸ö²»Ö§³Ö¡£
ÍⲿµÄWAP CSS¿ÉÄÜÔö¼ÓµÚÒ»´Î·ÃÎÊÒ³ÃæµÄÇëÇóʱ¼ä¡£ÔÒò£ºÍⲿWCSS²»´æÔÚÓÚÊÖ»úµÄCache£¬±ØÐë´Ó·þÎñÆ÷ÏÂÔØ£»XHTML MPÎĵµºÍÍⲿµÄWCSSÏÂÔØÊDz»Í¬µÄÇëÇó£¬Ôö¼ÓÁË·þÎñÆ÷ѹÁ¦£»Èç¹ûʹÓÃÒ»¸öWCSS¶¨ÒåWAPÕ¾µãµÄËùÓбíÏÖ£¬¸ÃÎļþ´óС¿ÉÄܴܺó£»WAPä¯ÀÀÆ÷ÐèÒª½âÎöWCSSµ½XHTML MPÎĵµ¡£
£¨ËÄ£©MIME ÀàÐͺÍÎļþÀ©Õ¹Ãû
MIMEÀàÐÍ£º text/css¡£
ÎļþÀ©Õ¹Ãû£º.css
£¨Î壩WCSSµÄÓï·¨¹æÔò
WCSSÉùÃ÷£ºselector {property: property_value}
¶à¸öÊôÐÔÔÊÐíµÄ£¬ÓÃ’;’·Ö¸ô¡£
¶à¸öÑ¡ÔñÆ÷Ò²ÊÇÔÊÐíµÄ£¬ÓÑ£¬’·Ö¸ô¡£
×¢ÊÍ£º/*orz*/£¬WAPä¯ÀÀÆ÷½«ºöÂÔÕâЩÄÚÈÝ¡£
£¨Áù£©ÈçºÎÔÚXHTML MPÎĵµÖÐÓ¦ÓÃ
Á´½ÓÍⲿWCSS£¨ÍƼö£©£¬·ÅÖÃÔÚÎĵµµÄhead²¿·Ö£¬ÓÃstyleÊôÐÔ¶¨ÒåWCSSÑùʽ
<link href=“url” rel=“stylesheet” type=“text/css”/>£¬¿ÉÒÔ¶à¸ö£¬ÎÞÐèÐÞ¸ÄrelºÍtypeÊôÐÔ¡£
<style type="text/css"> some WCSS statements </style>
<hr style="color: blue"/>
£¨Æß£©²»Í¬µÄÑ¡ÔñÆ÷
ÀàÐÍÑ¡ÔñÆ÷£ºh1 { font-style: italic} ÔªËØÃû³Æ±ØÐëСд¡£
ClassÑ¡ÔñÆ÷£º .class { color:blue} ¶ÔÓ¦±êÇ©µÄclassÊôÐÔ£¬»¹¿ÉÒÔÁªºÏÔªËØÃû³ÆÊ¹Óà h1.class {color:blue}¡£
IDÑ¡ÔñÆ÷£º#id {color:red} ¶ÔÓ¦±êÇ©µÄidÊôÐÔÒ²¿ÉÁªºÏÔªËØÃû³Æ¡£
ͨÓÃÑ¡ÔñÆ÷£º* { color:blue} £¬ËùÓеıê
Ïà¹ØÎĵµ£º
ÓÉÓÚ¹«Ë¾ÐèÒª£¬Õâ¶Îʱ¼ä¿ªÊ¼½Ó´¥wapµÄ¿ª·¢¡£Ä¿Ç°ÊµÏֵŦÄܱȽϼòµ¥£¬wapËùÓõÄÊÇwmlÓïÑÔ£¬ÅäºÏʹÓÃwml scriptÀ´ÏÔÊ¾Ò³Ãæ¡£ÓÉÓÚ¹¦ÄܱȽϼòµ¥¾ÍÓÃphpÀ´Ð´¶¯Ì¬½Å±¾¡£ÓÃphpÀ´Êä³öwml±êÇ©¡£µ±³õÔÚѧϰµÄʱºòÓÐЩ²»¶®µÄµØ·½£¬ÔÚÍøÉϵÄ×ÊÁÏÒ²²»ÊǺܶ࣬ÓÚÊÇÕûÀíÁ˸öСÀý×Ó¹©´ó¼Ò²Î¿¼¡£
&nb ......
×îÐÂÃâ·ÑÍøÖ·´óÈ«
ÕâЩÃâ·ÑwapÍøÖ·ÓÉÃâ·ÑWAPÖ®¼Ò£ºsetian.cn£¨ÊÖ»úµÇ½£©ÊÕ¼¯ÕûÀí£¬»¶Ó´ó¼Ò²¹³ä£¬ÕâÐ©ÍøÕ¾¶¼·Ç³£ºÃ£¬ÁíÍâSPºÍÔËÓªÉ̵ÄÕ¾Ôݲ»ÍƼö£¬ÒòΪ¿ÉÄÜÊÇÊշѵģ¬ÏÂÃæµÄÈ«ÊÇÃâ·ÑµÄ£¬Çë´ó¼Ò·ÅÐÄʹÓᣣ¨×¢Ò⣺ÕâЩվµã±ØÐëÊÖ»úµÇ½²Å¿ÉÒÔ£©
µ¼º½Àࣺ
71nowµ¼º½wap.71now.com
9991µ¼º½wap.9991.com
hao123µ¼º½wap. ......
wap.71now.com
Ãâ·ÑwapÍøÖ·´óÈ«
wap.feiku.com ·É¿âÊé³Ç
fywap.net ·çÓïÐ¡ËµÍø
3gyd.net 3GÒÆ¶¯Êé³Ç
book.11222.cn ÊéÆìÍø
bookwap.net µÆ»ðÊé³Ç
wap.my236.cnÊÖ»ú×ÊÔ´Íø
kong.net/book¿ÕÖÐÍø
good13.cn 13ºÅÊéÕ¾
wx.cmfu.com ÆðµãÍø
zzwx.netÖ¸ÕÆÎÄÑ§Íø
bbokk.comÌì¿ÕÎÄѧ
wapgd.cn¹ã¶«ÊéÎÝ
wap.tdwap.cnÌìµ ......
1.Ê×ÏÈÄãÒª½¨ÉèÄÄÖÖWAPÍøÕ¾£¬1.2»¹ÊÇ2.0£¬2.0¸üÃÀ¹Û£¬Ç°ÕßÓïÑÔΪWMLÓïÑÔ£¬ºóÕßΪXHTML MPÓïÑÔ¡£
ѧϰWML¿ÉÒÔÍÆ¼ö¿ÆÑ§³ö°æÉçµÄ¡¶¾«Í¨WAP/WML¡·¡£
ѧϰXHTML MP¿ÉÒÔµ½Öйú±»°®¿ÉÒÔÔÚÏßÏÂÔØ£º¡¶XHTML ÒÆ¶¯¸ÅÒª (XHTML MP) / WAP 2.0 ½Ì³Ì¡·
2.ÊÖ»ú¿ª·¢¹¤¾ßÒ»°ãËù¼û¼´ËùµÃµÄ£¬»¹Ã»ÓС£×î³£ÓõļÇʱ¾ÎªÖ÷£¬µ±È»¼òµ¥µÄÒ²¿ÉÒÔÓ ......
—— XHTML MP and WCSS
Ò»¡¢WAPµÄ³£Ê¶£¨Ê¡ÂÔ£©
¶þ¡¢XHTML MP
£¨Ò»£©XHTML MP ½éÉÜ
XHTML MP£¨eXtensible HyperText Markup Language Mobile Profile£©
WAP2.0
ÓëWCSS£¨WAP CSS /WAP Cascading Style Sheet£©ÅäÌ×ʹÓÃ
ÊÇXHTMLµÄ×Ó¼¯
XHTML Basic (XHTML×Ó¼¯)+ÁíÍâµÄһЩXHTMLµÄÔªËØºÍÊôÐÔ
WAPä¯ÀÀÆ÷Óë» ......