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
Ïà¹ØÎĵµ£º
jsÒªÇó£ºÎªÊ¹ÏµÍ³ÄÜÔÚIEºÍFFÏÂÕý³£ÔËÐУ¬²»ÒªÊ¹ÓÃÔÉú̬µÄjavascript£¬½¨ÒéʹÓÃjsµÄ¿â£¨È磺jquery£©
²¢ÇÒÒªÇóÓÃjqueryÖУ¬»ñÈ¡¶ÔÏóµÄÊôÐÔʹÓÃ$obj.attr("attrName"),²»ÒªÊ¹ÓÃobj.attrName,·ÀÖ¹×Ô¶¨ÒåµÄÊôÐÔÔÚFFÖв»ÄÜÕý³£ÔËÐÐ
1¡¢ÎÊÌ⣺<span></span>ÔÚFFÏÂÔË ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font ......
Ëæ×Å×îÐÂCSSµÄ²»¶ÏÍêÉÆ£¬Ô½À´Ô½¶àµÄÍøÕ¾²ÉÓÃDIV+CSS²¼¾Ö¡£¶øÔÀ´Ê¹ÓÃtableÌ×tableµÄÍøÒ³²¼¾ÖģʽҲÖð½¥Ó¦¸ÃÌÔÌÁË¡£ÓÉÓÚÄ¿Ç°IE6²»ÄÜÖ§³ÖÓÐЩ±ê×¼µÄCSS£¬ÐèÒªÓÃ΢ÈíÌØÓеÄCSSÀ´ÐÞ¸´ÕâЩBUG.¶øÇÒÏÖÔÚËæ×Åä¯ÀÀÆ÷²ã³ö²»ÇҪÊÇÒ³ÃæÄܹ»ÊÊÓ¦¾¡Á¿¶àµÄä¯ÀÀÆ÷³ÉΪһ¸ö¿ÎÌâ¡£ µ«ÊÇËæ×Å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Â˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒƶ¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó°×Ó
FlipH£º´´½¨Ë®Æ½¾µÏñͼƬ
FlipV£º´´½¨´¹Ö±¾µÏñͼƬ
glow£º¼Ó¹â»ÔÔÚ¸½½ü¶ÔÏóµÄ±ßÍâ
gray£º°ÑͼƬ»Ò¶È»¯
inver ......