³£¼ûµÄCSSÒþ²ØÎÄ×Ö·½·¨(ת)
¶ÔÓÚÒþ²ØÎÄ×Ö & ÄÚÈÝ£¬ÍøÉÏÒÑÓв»ÉÙCSS·½·¨¿ÉÒÔʵÏÖ£¬ÏÖ×ܽἸÌõʵÓõÄÒþ²ØЧ¹ûÈçÏ£º
¼ÙÈçÐèÒªÒþ²ØµÄ¶ÔÏóÊÇ£º
<h1 id="header"><span class="texthidden">this text need to be hidden.</span></h1>
Òþ²ØÕâÒ»²¿·ÖµÄcss·½·¨Ò»°ãÓÐÁùÖÖ£º
1¡¢display:none;
/* Ëü¿ÉÒÔʹ°üÀ¨ÈÝÆ÷±¾ÉíÔÚÄڵĶ«Î÷¶¼Ïûʧ£¬¼ò±ãÇÒÓÐЧ£¬µ«ËüÓÐÁ½¸ö¶úÊìÄÜÏêµÄȱÏÝ£¬ÄǾÍÊǶÔËÑË÷ÒýÇæ²»ÓѺã¬ÇÒ±»ÆÁÄ»ÔĶÁÆ÷ËùºöÂÔ¡£½«¶ÔÏóÍêÈ«ÐÔÒþ²Ø¡£ */
e.g: #header { display:none; width:300px; height:40px; line-height:40px;}
2¡¢visibility: hidden;
/* Òþ²ØÁ˶ÔÏóÄÚÈÝ£¬È´±£ÁôÁËËüµÄÎïÀí¿Õ¼äÀ´Õ¼Î»¡£ */
e.g: #header { visibility:hidden; width:300px; height:40px; line-height:40px;}
3¡¢text-indent:-10000px;
/* text-indentÊÇÊ×ÐÐËõ½ø£¬ËùÒÔ¶ÔÓÚ¶àÐÐÎı¾£¬Èôµ¥¶ÀʹÓÃËü¾ÍÓÐÃ÷ÏԵIJ»×㣬Ðè¼ÓÉÏwhite-space:nowrap;À´ÃÖ²¹²»×㣬µ«»¹ÓÐÒ»¸öÎÊÌ⣺ÎïÀí¿Õ¼äÈÔÈ»´æÔÚ£¬¹Ê»¹ÐèÉèÖÃline-height:0;»òʹÓó¬Ð¡×ÖÌå(ÔÚIEÏÂÓеãBUG)¡£*/
×îÖÕ´úÂ룺.texthidden { text-indent:-9999px; white-space:nowrap; line-height:0;}
4¡¢overflow:hidden;
/* ¶ÔÎÄ×ÖÒç³öʱµÄ×Ô¶¯Òþ²Ø´¦Àí £¨²»ÏÔʾ³¬¹ý¶ÔÏó³ß´çµÄÄÚÈÝ £©*/
ÕâÖÖ·½·¨¿ÉÒÔÓëÇ°¼¸ÖÖÅäºÏʹÓã¬ÓÚÊǾͻáÓÐÈçÏ·½·¨£º
£¨1£©text-indent£º
#header { width: 300px; height: 40px; background-image: url(1.jpg); text-indent: -200em; overflow: hidden;}
/* ±êÇ©ÖеÄÎÄ×ÖµÄÎı¾Ëõ½øÉèÖóÉ×ã¹»´óµÄÖµ£¬²¢ÇÒÉèÖÃÈÝÆ÷h1µÄoverflowµÄֵΪhidden¡£ÊµÏÖÁËͼÏñÌæ»»¡£ */
£¨2£©height:0; width:0;
#header { width: 300px; height: 40px; background-image: url(1.jpg);}
#header span { display: block; width: 0; height: 0; overflow: hidden;}
5¡¢font-size:1px;
/* ½«h1µÄÎÄ×ֵĴóСÉèΪ1px£¬ÑÕÉ«ÉèÖóÉÓë±³¾°Í¼Æ¬½Ó½üµÄÑÕÉ«£¬Ò²Í¬ÑùʵÏÖÁËCSSͼÏñÌæ»»µÄЧ¹û£¬µ«´ËЧ¹ûÐèÒªÔÚÌض¨µÄ±³¾°Í¼Æ¬Ï²ÅÏÔµÃÍêÃÀ£¬²»È»¾ÍÈÝÒ׿´³öÀ´ÁË¡£*/
#header { width: 300px; height: 40px; background-image: url(1.jpg); font-si
Ïà¹ØÎĵµ£º
CSS filter:RevealTrans Ó÷¨£º
Filter:revealtrans(duration=ת»»µÄÃëÊý£¬transition=ת»»µÄÀàÐÍ£©
CSSµÄRevealTrans¶¯Ì¬Â˾µÊÇÒ»¸öÉñÆæµÄÂ˾µ£¬ËüÄܲúÉú23ÖÖ¶¯Ì¬Ð§¹û£¬¸üΪÆæÃîµÄÊÇËü»¹ÄÜÔÚ23ÖÖ¶¯Ì¬Ð§¹ûÖÐËæ»ú³éÓÃÆäÖеÄÒ»ÖÖ¡£
¡¡¡¡Á½¸ö²ÎÊýTransitionºÍDuration£¬·Ö±ðÊDZ任Ч¹ûºÍ³ÖÐøʱ¼ä£¬ÆäÖÐDurationÊǸ¡µãÊý¡£
......
°´Å¥Ñùʽ*/
.ButtonCss {}{
font-family: "Tahoma", "ËÎÌå";
font-size:9pt; color: #003399;
border: 1px #003399 solid;
color:006699;
BORDER-BOTTOM: #93bee2 1px solid;
BORDER-LEFT: #9 ......
ʹÓÃAnt¹¹½¨ÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
ʹÓÃAntÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
2010 Äê 01 ÔÂ 27 ÈÕ
ÌṩÁËÒ»¸öant½Å±¾£¬ËüÖ÷ÒªÓÃÓÚÅúÁ¿Ñ¹ËõÅú¶¨Ä¿Â¼ÏµÄjs¡¢cssÎļþ£¬´Ëant½Å±¾Ê¹Óõ½ÁË YUI Compressor¡¢antcontrib
.
Ant Contrib
Ö÷ҪʹÓÃËüËùÌṩµÄforeach¡¢propertyregexÕâÁ½¸ötarget
yui compressor ²Î¿¼×ÊÁÏ
ѹËõ»á´ø ......
Ê×ÏȽéÉÜÒ»ÏÂeidtarea£º
EditAreaÊÇÒ»¸öjavascriptÔ´´úÂë±à¼Æ÷¡£Ö§³Ö£ºÎı¾¸ñʽ»¯£¬ËÑË÷ÓëÌæ»»£¬ÊµÊ±Óï·¨×ÅÉ«¼ÓÁÁ¡£µ±Ç°Ö§³ÖµÄÓïÑÔ°üÀ¨£ºPHP¡¢CSS¡¢
Javascript¡¢Python¡¢HTML¡¢XML¡¢VB¡¢C¡¢CPP¡¢SQL¡¢Pascal¡¢Basic¡¢Brainf*ck
ÏÂÔصØÖ·£ºhttp://sourceforge.net/projects/editarea/
¿ÉÒÔ×÷ΪºÜºÃµÄÔÚÏ༹߱¤¾ß ......
±ß¿ò·ç¸ñÊôÐÔ(border-style)
Õâ¸öÊôÐÔÓÃÀ´É趨ÉÏÏÂ×óÓұ߿òµÄ·ç¸ñ£¬ËüµÄÖµÈçÏ£º
none (ûÓб߿ò£¬ÎÞÂ۱߿ò¿í¶ÈÉèΪ¶à´ó)
dotted (µãÏßʽ±ß¿ò)
dashed (ÆÆÕÛÏßʽ±ß¿ò)
solid (Ö±Ïßʽ±ß¿ò)
double (Ë«Ïßʽ±ß¿ò)
groove (²ÛÏßʽ±ß¿ò)
ridge(¼¹Ïßʽ±ß¿ò)
inset (ÄÚǶЧ¹ûµÄ±ß¿ò)
outset (Í»ÆðЧ¹ûµÄ±ß¿ò)
± ......