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×¢²áµÄ£¬ÒªÇóÑé֤ÿ¸öÊäÈëµÄÊôÐÔµÄÀàÐÍ×Ö·û£¬»¹Òªµ¯³öÑé֤ʲôµÄ£¬Å¼²»»áѽ~ÓÚÊǾͿ´¿´ÍøÉÏһЩÀàËÆµÄ³ÌÐò»¹ÊDz»ÐУ¬ÓÈÆäÊÇwmlscriptµÄwmlsÎļþÔÚµ÷ÓõÄʱºòÊÖ»ú×ÜÊÇÏÔʾÏÂÔØÎļþ£¬ÓôÃÆ~~Ï£ÍûÔÚѧѧÁË~~
inputÊôÐÔÖÐemptyokÊôÐÔ£¬Ö»ÓÐÔÚÓû§Ìîд¹ýÒ»¸öÊôÐÔʱÔÙ×¢²á²ÅÌáʾûÓÐÌîдÍêÕû£¬Èç¹ûÓû§Ò»¸ ......
ÐÕÃû£ºÀÖÀÖ---ÀÖcss-lecss
ÍŶӿª·¢×öµÄ¡£±¾È˸ºÔðµÄÒ³ÃæÒÔ¼°ÅŰæÖ®ÀàµÄ£¬ÓÐÐËȤµÄ¿ÉÒÔÈ¥ÍøÕ¾ÉÏ×ªÓÆ×ªÓÆÏ¡£¡£
ÌìÌÃÍø£º
www.tiantang.cn
http://tiantang.cn/hills/hill1/page/hillindex.aspx
ÀÏÈËÍø£º
www.laoren.cn
--
Éè¼Æ¹ý³ÌÄÇÊÇÒ»ÖÖÂþ³¤¶ø°º¹óµÄÕÛÄ¥..¡£
--
ÎÒÂùϲ»¶CSSµÄ£¬¿ÉÊÇÈ´Ò²¶ÔËüºÜ·³ÄÕ£¬ÓÐ ......
CSSÑ¡ÔñÆ÷±Ê¼Ç
²Î¿¼ÍøÖ·£º456 Berea Street
Ò»¡¢»ù±¾Ñ¡ÔñÆ÷
ÐòºÅ
Ñ¡ÔñÆ÷
º¬Òå
1.
*
ͨÓÃÔªËØÑ¡ÔñÆ÷£¬Æ¥ÅäÈκÎÔªËØ
2.
E
±êǩѡÔñÆ÷£¬Æ¥ÅäËùÓÐʹÓÃE±êÇ©µÄÔªËØ
3.
.info
classÑ¡ÔñÆ÷£¬Æ¥ÅäËùÓÐclassÊôÐÔÖаüº¬infoµÄÔªËØ
4.
#footer
idÑ¡ÔñÆ÷£¬Æ¥ÅäËùÓÐidÊôÐÔµÈÓÚfooterµÄÔªËØ
ʵÀý£º
* { margin:0; ......
css²¼¾ÖµÄʱºò¶à¶à×¢Òâһϣ¬ÏàÐźܿì¾Í¿ÉÒÔÕÆÎÕÁËcss²¼¾ÖµÄ¼¼ÇÉ£¡
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒÆ²»±Ø»Å£¬¸ß¶ÈÉèÖðïÄãæ£»
ËÄ¡¢¼æÈݸ÷¸öä¯ÀÀÐë×¢Ò⣬ĬÈÏÉèÖÃÐи߿ÉÄÜÊÇɱÊÖ£»
Îå¡¢¶ÀÁ¢Çå³ý¸¡¶¯ÐëÃú¼Ç ......
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 ......