CSS¹ýÂËÆ÷
1.alphaÊôÐÔ:
alphaÊôÐÔÓÃÀ´ÉèÖÃ͸Ã÷¶È¡£
Filter: alpha (opacity=opacity, finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)
opacity±íʾ͸Ã÷¶ÈµÈ¼¶£¨0~100£©
finishopacityÓÃÀ´ÉèÖýáÊøÃ÷µÄ͸Ã÷¶È
startXºÍstartY±íʾ½¥±ä͸Ã÷Ч¹ûµÄ¿ªÊ¼×ø±ê
finishXºÍfinishY±íʾ½¥±ä͸Ã÷Ч¹ûµÄ¿ªÊ¼×ø±ê
2.blurÊôÐÔ
blurÊôÐÔÓÃÀ´ÉèÖÃÄ£ºýЧ¹û¡£
filter: blur(add=true¡¢flase,direction,strength=strength)
addÖ¸¶¨Í¼Æ¬ÊÇ·ñ±ä³ÉÄ£ºýЧ¹û
direction²ÎÊýÓÃÀ´ÉèÖÃÄ£ºýµÄ·½Ïò£¨0¡¢45¡¢90¡¢135¡¢180¡¢225¡¢270¡¢315£©
strength´ú±íÓжàÉÙÏñËØµÄ¿í¶È½«Êܵ½Ä£ºýÓ°Ï죨ĬÈÏÊÇ5£©
3.chromaÊôÐÔ
chromaÊôÐÔÉèÖÃÒ»¸ö¶ÔÏóÖÐÖ¸¶¨µÄÑÕɫΪ͸Ã÷É«¡£
filter: chroma(color=color)
4.dropshadowÊôÐÔ
dropshadowÊôÐÔÓÃÀ´Ìí¼Ó¶ÔÏóµÄÒõӰЧ¹û¡£
filter: dropShadow(Color=color,Offx=offx,Offy=offy,Positive=positive)
Color±íʾͶÉäÒõÓ°µÄÑÕÉ«
Offx¡¢Offy·Ö±ð±íʾÔÚX·½ÏòºÍY·½ÏòÒõÓ°µÄÆ«ÒÆÁ¿£¨ÕûÊý±íʾ£¬ÕýÊýXÖáµÄÓÒ·½ÏòºÍYÖáµÄÏòÉÏ·½Ïò£©
Positive£ºtrue±íʾΪÈκηÇ͸Ã÷ÏñËØ½¨Á¢¿É¼ûµÄͶӰ£¬false±íʾΪ͸Ã÷µÄÏñËØ²¿·Ö½¨Á¢¿É¼ûµÄͶӰ
5.flipH¡¢flipVÊôÐÔ
flipH±íʾˮƽ·×ª£¬flipV±íʾ´¹Ö±·×ª¡£
filter: flipH
filter: flipV
6.glowÊôÐÔ
glowÊôÐÔÈöÔÏóµÄ±ßÔµ²úÉúÀàËÆ·¢¹âµÄЧ¹û¡£
filter: glow(Color=color,Strength=strength)
ColorÓÃÀ´Ö¸¶¨·¢¹âµÄÑÕÉ«
StrengthÓÃÀ´Ö¸¶¨·¢¹âµÄÇ¿¶È£¨1~225£©
7.grayÊôÐÔ
grayÊôÐÔ°ÑÒ»ÕÅͼ±ä³É»Ò¶Èͼ¡£
filter: gray
8.invertÊôÐÔ
invertÊôÐÔ¿ÉÒ԰ѶÔÏóµÄ¿ÉÊÓ»¯ÊôÐÔÈ«²¿·×ª£¬°üÀ¨É«²Ê¡¢±¥ºÍ¶ÈºÍÁÁ¶È¡£
filter: invert
9.maskÊôÐÔ
maskÊôÐÔΪ¶ÔÏó½¨Á¢Ò»¸ö¸²¸ÇÓÚ±íÃæµÄÃɰæÐ§¹û¡£
filter: mask(Color=ÑÕÉ«£©
10.shadowÊôÐÔ
shadowÊôÐÔ¿ÉÒÔÔÚÖ¸¶¨µÄ·½Ïò½¨Á¢ÎïÌåµÄͶӰ¡£
filter: shadow(Color=color,Direction=direction)
Color²ÎÊýÖ¸¶¨Í¶Ó°µÄÑÕÉ«
Direction²ÎÊýÖ¸¶¨Í¶Ó°µÄ·½Ïò
11.waveÊôÐÔ
waveÊôÐÔÓÃÀ´ÉèÖò¨ÎÆÐ§¹û¡£
filter: wave(Add=True¡¢False,Freq=ƵÂÊ£¬
Ïà¹ØÎĵµ£º
±ÈÈ磺
<div class="row" id="form_domain_container">
<label for="domain">ÓòÃû:</label>
<input name="domain" value="<{$do->domain_name|escape}>" type="text" id="domain" size="35" maxlength= ......
:hoverÊÇÎÒÃÇÔÚCSSÉè¼ÆÖÐ×î³£ÔËÓõÄαÀàÖ®Ò»£¬Ðí¶àѤÀöЧ¹ûµÄʵÏÖÀë²»¿ªÎ±Àà:hover£¬±ÈÈçÎÒÃdz£¼ûµÄ´¿CSS²Ëµ¥¡¢Ïà²áЧ¹ûµÈµÈ¡£
»òÐíÓÃÁËÕâô¾ÃµÄαÀà:hover£¬»¹Óв¿·ÖÅóÓÑ»¹²»ÍêÈ«Á˽âhoverµÄ¹æÔò£º
ÔÚCSS1ÖдËαÀà½ö¿ÉÓÃÓÚa¶ÔÏó¡£ÇÒ¶ÔÓÚÎÞhrefÊôÐÔ£¨ÌØÐÔ£©µÄa¶ÔÏ󣬴ËαÀ಻·¢Éú×÷Óá£
ÔÚCSS2ÖдËαÀà¿ÉÒÔÓ¦ÓÃÓÚÈκζÔÏ ......
¿ª·¢¹ýAndroidÓ¦ÓõÄͬѧÃǶ¼ÖªµÀ£¬Android¹¤³Ì-res-layout×ÊÔ´Îļþ¼ÐÏ´æ·Å×Å¿ØÖÆview²¼¾ÖµÄxmlÎļþ£¬ÎÒÃÇ¿ÉÒÔͬ¹ýgetViewById(int i)·½·¨£¬´ÓXMLÖй¹Ôìview¼°Æä×ÓÀ࣬ÔÚÕâ¸ö¹ý³Ìµ±ÖУ¬XMLÎļþÖеÄÒ»ÇÐlayoutÊôÐÔÒ²½«±»¸³ÓèÕâ¸öview¡£µ±È»£¬ÎÒÃÇÒ²Äܹ»Í¨¹ý´úÂëÀ´ÎªÄ³Ò»¸öviewÀ´ÉèÖÃlayout£¬ÄÇÊǺ󻰡£Í¨¹ý¶Ô¼ ......
¹ØÓÚCSS¶Ô¸÷¸öä¯ÀÀÆ÷¼æÈÝÒѾÊÇÀÏÉú³£Ì¸µÄÎÊÌâÁË, ÍøÂçÉÏµÄ½Ì³Ì±éµØ¶¼ÊÇ.ÒÔÏÂÄÚÈÝûÓÐÌ«¶àÐÂÓ±, ´¿Êô¸öÈË×ܽá, Ï£ÍûÄܶԳõѧÕßÓÐÒ»¶¨µÄ°ïÖú.
Ò»¡¢CSS HACK
ÒÔÏÂÁ½ÖÖ·½·¨¼¸ºõÄܽâ¾öÏÖ½ñËùÓÐHACK.
1, !important
Ëæ×ÅIE7¶Ô!importantµÄÖ§³Ö, !important ·½·¨ÏÖÔÚÖ»Õë¶ÔIE6µÄHACK.(×¢Òâд·¨.¼ÇµÃ¸ÃÉùÃ÷λÖÃÐèÒªÌáǰ.)
< ......
ÎÄÕÂת×ÔÓÚ:http://www.pqshow.com/design/Dreamweaver/200912/12674.html
ÓÉÓÚÏîÄ¿ÖбàдÎĵµ½á¹¹¡¢±àдCSSµÄÈËÔ±½Ï¶à£¬²¢Óë³ÌÐòÔ±Ðͬ¹¤×÷£¬ËùÒÔ¾ÍÐèҪͳһ¿ª·¢¹æ·¶£¬¸ù¾ÝXHTMlºÍCSS±àÖ¯µÄ¹æ·¶ºÍ´ó¶àÈ˵Äϰ¹ß£¬ÕûÀíÁËÒÔÏÂÕë¶Ô±¾ÏîÄ¿µÄÒ»¸ö¼òµ¥µÄ¿ª·¢¹æ·¶£º
Ò»¡¢CSSÎļþ¼°ÑùʽÃüÃû
1¡¢CSSÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºgl ......