¡¾×ª¡¿cssµÄÎÄ×ÖÌØÐ§
Èç¹ûÁé»îÓ¦ÓÃCSS¸÷ÖÖÂ˾µµÄÌØµã²¢¼ÓÒÔ×éºÏ£¬ÎÒÃÇ¿ÉÒԵõ½Ðí¶àÒâÏë²»µ½µÄЧ¹û¡£ÕâÊÇһЩЧ¹ûʾ·¶£¬¹©¸÷λ²Î¿¼¡£
ÍøÒ³ÌØÐ§Abc
ÓÃblurÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: blur(direction=135,strength=8)
ÍøÒ³ÌØÐ§Abc
ÓÃdropshadowÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)
ÍøÒ³ÌØÐ§Abc
ÓÃglowÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: glow(color=#B4BBCF,strength=5)
ÍøÒ³ÌØÐ§Abc
Õâ¸öЧ¹ûÓõ½ÁËÁ½ÖÖÂ˾µ£ºshadowºÍalpha£¬´úÂëÈçÏ£º
FILTER: alpha(opacity=100,finishiopacity=0,style=1)
shadow(color=#8C96B5,direction=135)
ÍøÒ³ÌØÐ§Abc
Õâ¸öЧ¹ûÒ²Óõ½Á½¸öÂ˾µmaskºÍshadow£¬´úÂëÈçÏ£º
FILTER: mask(color=#E1E4EC)
shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)
×¢Ò⣺maskµÄÑÕɫҪºÍÍøÒ³±³¾°É«Ò»Ö£¬×ÖÌåµÄÑÕÉ«ÓÉshadow¾ö¶¨¡£
ÍøÒ³ÌØÐ§Abc
ÓÃglowÂ˾µ¿ÉÒÔ×ö¿ÕÐÄ×Ö£¬·½·¨Êǽ«×ÖÌåÑÕÉ«ÉèÖÃΪ±³¾°É«£¬ÔÙ½«glowÂ˾µµÄstrenghtµÄÖµÉèÖÃΪ1»ò2¼´¿É¡£Õâ¸öЧ¹ûµÄ´úÂëÈçÏ£º
FILTER: glow(color=#8C96B5,strength=2)
shadow(color=#B4BBCF,direction=135)
WELCOME TO
http://linkweb.cn/js
Õâ¸öЧ¹ûµÄ´úÂ룺
FILTER: glow(strength=4)mask(color=#E1E4EC)
Ïà¹ØÎĵµ£º
J2meÖÐcss½âÎö
×î½ü×öÊÖ»úä¯ÀÀÆ÷ÏîÄ¿ÖеÄCSSÄ£¿é¡£¶Ô½âÎöcssÓÐÁ˸öÕûÌåÈÏʶ¡£ÏÖ×ܽáÈçÏ£º
Ê×ÏÈ£¬¼òµ¥µÄ½éÉÜÏÂCSS £º
CSS Ö¸²ãµþÑùʽ±í (Cascading Style Sheets)
CSS Óï·¨ÓÉÈý²¿·Ö¹¹³É£ºÑ¡ÔñÆ÷¡¢ÊôÐÔºÍÖµ£ºselector {property: value}
Ñ¡ÔñÆ÷ (selector) ͨ³£ÊÇÄãÏ£Íû¶¨ÒåµÄ ......
ÏëÐÞ¸ÄÒ»ÏÂ×Ó×Ô¼ºµÄCSS£¬ÒòΪ²©¿Í±êÌâÕýºÃ°ÑÍøÒ³Í¼Æ¬ÉϵÄÎÄ×ÖÕýºÃµµÁËÒ»²¿·Ö£¬¿´ÆðÀ´ºÜ²»Ë¬¡£×îºóȷʵÊÇÓÉ“marginÃüÁî”À´¿ØÖƵģ¬ÓÚÊÇÉÏÍøÑ§Ï°ÁËÒ»ÏÂ×ÓÕâ¸öµÄÓ÷¨¡£marginÔÚÖÐÎÄÖÐÎÒÃÇ·Òë³ÉÍâ±ß¾à»òÕßÍâ²¹°×£¨±¾ÎÄÖÐÒýÓÃÍâ±ß¾à£©¡£ËûÊÇÔªËØºÐÄ£ÐÍ£¨box model£©µÄ»ù´¡ÊôÐÔ¡£
Ò»¡¢marginµÄ»ù±¾ÌØÐÔ
marginÊô ......
CSS´úÂëÈçÏ£º
img { /*-- רÃÅÓÃÓÚÏÞ¶¨ÎÄÕÂDIVϵÄͼƬ --*/
max-width: 680px;
max-height: 700px;
}
*html img { /*¼æÈÝIE6*/
width: expression(this.width > 700 && this.width > this.height ? 680 : tr ......
£¨1£© УÑéHTMLÎĵµ£¬È·±£Óï·¨ÎÞÎó
£¨2£© УÑéÿһ¸öcssÑùʽ±í
a) È·±£°ÑÊʵ±µÄ¶ÈÁ¿µ¥Î»·ÅÔÚ·ÇÁã³ß´çºó£¬²¢ÇÒÔÚµ¥Î»ºÍÊý×ÖÖ®¼äûÓпոñ
b) È·±£Ô ......
1.cssÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾЧ¹û²»Í¬
firefoxºÍIE¶ÔijЩcssÑùʽµÄÈ϶¨Óв»ÉÙÇø±ð£¬°üÀ¨£º
· ulºÍolµÄĬÈÏpaddingÖµÊDz»Ò»ÑùµÄ£¬ÔÚFirefoxÖУ¬ ......