CSS Ñùʽѧϰ
ÈýÖÖÒýÓÃ2010-03-14 17:45:36
ÄÚÁª¶¨Òå>ÍâÁ´ÒýÓÃ>ÄÚÁª¿é¶¨Òå
1.ÄÚÁª¶¨Òå
<a stype="XXX">
2.ÍâÁ´ÒýÓà cssÎļþ
<head> <link rel="stylesheet" href="aa.css" /> </head> headÀïд
±êǩͨ¹ý class=" " À´ÒýÓÃ
3.ÄÚÁª¿é £¨ÔÚhead ºÍbodyÖ®¼äд£©
<style type="text/css">
<!--
a:link{text-decoration:none; color: #FF0000; font-size:24px} //text-decoration ÎÄ×ÖÏß
a:Active{text-decoration:line-through; color:#FF0033; font-size:18px}
a:Visited{ color:#FFCC33; font-size:12px}
-->
</style>
link ĬÈÏÁ¬½ÓµÄÑù×Ó
active Êó±êµã»÷ºóÉÐδÊÍ·Å
visited
hover Êó±ê·ÅÉÏÈ¥
Ò²¿Éд³É .p1{ ´ËÖÖ²»ÏÞÓÚp }
Ïà¹ØÎĵµ£º
Ðí¶àÈËÈÏΪie6²»Ö§³Ö!important£¬ÆäʵÊDZ»Ò»ÌõÕë¶Ôie 6µÄcss hack¸øÎóµ¼ÁË¡£ÕâÌõcss hackÊÇ£º
.test {
height: auto !important;
height: 500px;
}
.testµÄ¸ß¶ÈÔÚÆäËûä¯ÀÀÆ÷ÀïÃæÊÇauto£¬¶øÔÚie6ÀïÃæÊÇ500px£¬Ðí¶àÈËÔÚ½âÊÍÕâÌõcss hackÖ®ËùÒÔ»áÉúЧÊÇÒòΪie6²»Ö§³Ö!important£¬Îóµ¼Á˲»ÉÙÈ ......
ÔÚÍøÒ³Éè¼ÆÖУ¬tableÓÃheight:100%ÊÇ¿ÉÒÔÕûÆÁµÄ£¬µ«ÐèÒªÔÚÍøÒ³Í·²¿Ôö¼Ó:
<!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">
ºó¾ÍºÍû ......
CSSÓï·¨ (²»Çø·Ö´óСд) ¡¡¡¡JavaScriptÓï·¨ (Çø·Ö´óСд)
border ¡¡¡¡ border
border-bottom ¡¡¡¡ &nbs ......
ÕâÊDZ¾ÈËѧϰCSSµÃһЩÐĵ㬾õµÃºÜÓÐÓã¬Ï£Íû¶Ô´ó¼ÒÒ²ÓÐËù°ïÖú¡£
1. ÈçºÎдCSSÓѺõÄHTML.
´ó¼ÒÖªµÀÒªÊÇ×Ô¼ºµÄÒ³Ãæ¼æÈݲ»Í¬³§ÉÌ£¬²»Í¬°æ±¾µÄä¯ÀÀÆ÷¼òÖ±¾ÍÊÇÒ»³¡Ø¬ÃΡ£Ò»·½ÃæÊÇÒòΪ²»Í¬ä¯ÀÀÆ÷µÄ²îÒìÐÔ£¬»¹ÓиüÖØÒªµÄÊÇÎÒÃÇ×Ô¼ºÐ´
µÄHTML²»¹æ·¶¡£ÎÒ¾õµÃÿ¸öHTMl±êÇ©¶¼ÓÐËüµÄÌØ¶¨µÄÓÃ;£¬ÓÐËüµÄÊéд¹æ·¶£¬ÎÒÃDZØÐë×ñÊØÕâЩ ......
margin-bottom:8px;ÉèÖöÔÏóϱ߾àµÄ¸ß¶È
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨positionÊôÐÔΪabsolute¡£
padding-top:10px;ÓëÉÏÒ»¸ö±êÇ©µÄ¾àÀë
padding-left:10px;Óë×ó±ßµÄ¼ä¾à
¼ìË÷»òÉèÖöÔÏ󶥱ߵIJ¹¶¡±ß¾à¡£
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨pos ......