CSS±Ê¼Ç
Ò»¡¢ÐǺÅ*
Ó¦¸ÃÊǸöͨÅä·û¡£±ÈÈç
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="roundBorderLayer3"></b>
<b class="roundBorderLayer2"></b>
<b class="roundBorderLayer1"></b>
</b>
ÄÇôÕâ¸öroundBorderLayer1¡¢2¡¢3¶¼»áÊÜÕâ¸ö.roundBorder *µÄ¶¨ÒåÓ°Ïì¡£
¶þ¡¢¼Ì³Ð
CSS¿ÉÒÔÓжàÖؼ̳С£Èç
<div id="divTenet">
<div style="font-size:16px;width:240px;">Äñ0</div>
<div><img src="img/k.gif" width="24" height="20" hspace="3" alt="Äñ1"/>Äñ1</div>
<div><img src="img/jc.gif" width="21" height="23" hspace="3" alt="Äñ2"/>Äñ2</div>
<div><img src="img/fx.gif" width="22" height="20" hspace="3" alt="Äñ3"/>Äñ3</div>
</div>
CSSÀï¿ÉÒÔÕâÑù¶¨ÒåÀïÃæµÄ<IMG>£º#divTenet div img{vertical-align:middle;}
Ïà¹ØÎĵµ£º
1.Ö±½Ó¼ÓÔÚ¶ÔÏóÉÏ
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡<title>title</title>
¡¡¡¡¡¡</head>
¡¡¡¡¡¡<body>
¡¡¡¡¡¡¡¡<span style="color:red">red</span>
¡¡¡¡¡¡</body>
¡¡¡¡</html>
2.¼Óµ½Ò³ÃæÍ·²¿
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡< ......
·½·¨Ò»£º
¿çä¯ÀÀÆ÷µÄÍøÒ³Éè¼ÆÒ»Ö±ÊÇÈÃÈ˺ÜÍ·ÌÛµÄÎÊÌ⣬Õâ²»Ö»ÊÇÒòΪä¯ÀÀÆ÷µÄ°æ±¾Öڶ࣬»¹ÓÐÒ»¸öÖØÒªµÄÔÒòÊÇÏàͬä¯ÀÀÆ÷µÄ²»Í¬Ê±Æڵİ汾Ҳ»áÓвîÒ죬
ÉõÖÁÊÇÔÚ²»Í¬²Ù×÷̨ͬÉÏ»¹»áÓв»Í¬¡£Òò´ËʹCSS hack¼¼Êõ½øÐÐä¯ÀÀÆ÷Çø·ÖÊÇʵÏÖ¿çä¯ÀÀÆ÷·ÃÎÊÒ»¸öºÃ·½·¨¡£CSS
Hack¼¼ÊõÓкܶ࣬¾ßÌå¿ÉÒԲ鿴£º
± ......
½ñÌ쿪ʼ×öÎÒÃǹ«Ë¾ÄÚ²¿Ê¹ÓõÄITSMϵͳµÄ¾²Ì¬Ò³Ã棬Õâ¸öÒ³ÃæºÃ¸´ÔÓ£¬µ±È»£¬ÎÒÊÇÒ»¸ö²Å¿ªÊ¼×öÒ³ÃæµÄ¼Ò»ï£¬ËùÒÔ¶ÔÎÒÀ´Ëµ»¹ÓÐÒ»¶¨µÄÄѶȡ£²àÀ¸ÒªÕÛµþ£¬²Ëµ¥ÒªJs¿ØÖÆ£¬ÎÒ±¾À´ÒÔÇ°ÊǸã±à³ÌµÄ£¬¶¼ÊÇÖ±½ÓÓÃÈ˼ҵÄÒ³Ã棬cssºÍjs¶¼Ö»ÊÇ»áÒ»µãƤ룬ÏÖÔÚÉ˵½ÎÒµÄÐÄÁË¡£
½ñÌ컹ÓÐÒ»¸ö²»ÐÒµÄÏûÏ¢£¬ÎÒ¾¹È»¹ÒÁËÒ»¿Æ£¬´óѧ4ÄêµÄÇå°×Éú»î°¡ ......
½ñÌìÅöµ½Ò»¸öÎÊÌ⣺ÔõÑù¸ù¾Ý±ê¼ÇµÃÊôÐÔ²»Í¬¶øÉèÖò»Í¬µÄÑùʽ£¿
Ê×ÏÈÏëµ½µÄ£º»ñÈ¡ËùÓбê¼Ç¡¢Æ¥ÅäÊôÐÔ¡¢¸Ä±äÑùʽ¡£¡£¡£
ºöÈ»ÓÖÏëÆðÁËJQueryÖеÄÑ¡ÔñÆ÷£¬ÓÚÊÇjs´úÂë±à³ÌÁËcss´úÂë
tag[attribute=value]{//.......}
css±¾ÉíµÄÑ¡ÔñÆ÷ȷʵ¿ÉÒÔ×öºÜ¶àÊÂÇéµÄ£¬¾ÍÓÖ´ÓÍøÉÏËÑÂÞÁËһЩ£¬±¸Íü¡£
CSSÑ¡ÔñÆ÷±Ê¼Ç
ÈîÒ»·å ÕûÀí
²Î¿¼Í ......