CSS³£ÓòÙ×÷
×¢ÊÍÓÃ/**/¡£
²»ÒªÔÚÊôÐÔÖµÓ뵥λ֮¼äÁôÓпոñ¡£¼ÙÈçÄãʹÓà “margin-left:20 px” ¶ø²»ÊÇ “margin-left:20px” (20ºÍpxÖ®¼äÓпոñ)£¬Ëü½öÔÚ IE 6 ÖÐÓÐЧ£¬µ«ÊÇÔÚ Mozilla/Firefox »ò Netscape ÖÐÈ´ÎÞ·¨Õý³£¹¤×÷¡£
ÍⲿÑùʽ±íÒýÓ÷½Ê½£º<link rel="stylesheet" type="text/css" href="mystyle.css" mce_href="mystyle.css" />
ÄÚ²¿Ñùʽ±í£º
<head>
<mce:style type="text/css"><!--
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
h1,h2,h2,h3,h5,h6 {color: green;}
--></mce:style><style type="text/css" mce_bogus="1"> hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
h1,h2,h2,h3,h5,h6 {color: green;}</style>
</head>
ÄÚÁªÑùʽ£º<p style="color: sienna; margin-left: 20px" mce_style="color: sienna; margin-left: 20px">This is a paragraph</p>
---------------------------------------------
Ñùʽ¿ÉÒÔ±»¼Ì³Ð£º
ÀýÈ磬ÍⲿÑùʽ±íÓµÓÐÕë¶Ô h3 Ñ¡ÔñÆ÷µÄÈý¸öÊôÐÔ£º
h3 {
color: red;
text-align: left;
font-size: 8pt;
}
¶øÄÚ²¿Ñùʽ±íÓµÓÐÕë¶Ô h3 Ñ¡ÔñÆ÷µÄÁ½¸öÊôÐÔ£º
h3 {
text-align: right;
font-size: 20pt;
}
¼ÙÈçÓµÓÐÄÚ²¿Ñùʽ±íµÄÕâ¸öÒ³ÃæÍ¬Ê±ÓëÍⲿÑùʽ±íÁ´½Ó£¬ÄÇô h3 µÃµ½µÄÑùʽÊÇ£º
color: red;
text-align: right;
font-size: 20pt;
---------------------------------------------
Ìáʾ£ºÈç¹ûֵΪÈô¸Éµ¥´Ê£¬ÔòÒª¸øÖµ¼ÓÒýºÅ£ºp {font-family: "sans serif";}¡£Ö»Óе±Ò»¸ö×ÖÌåÃûÖÐÓÐÒ»¸ö»ò¶à¸ö¿Õ¸ñ£¨±ÈÈç New York£©£¬»òÕßÈç¹û×ÖÌåÃû°üÀ¨ # »ò $ Ö®ÀàµÄ·ûºÅ£¬²ÅÐèÒªÔÚ font-family ÉùÃ÷ÖмÓÒýºÅ¡£
ÅÉÉúÑ¡ÔñÆ÷£º
strong {
color: red;
}
h2 {
color: red;
}
h2 strong {
color: blue;
}
<h2>The strongly emphasized word in this subhead is<strong>blue</strong>.</h2>
---------------------------------------------
id Ñ¡ÔñÆ÷£º
id Ñ¡ÔñÆ÷¿ÉÒÔΪ±êÓÐÌØ¶¨ id µÄ HTML ÔªËØÖ¸¶¨Ìض¨µÄÑùʽ¡£id Ñ¡ÔñÆ÷ÒÔ "#" À´¶¨Òå¡£
#red {color:red;}
#green {color:green;}
ÏÂÃæµÄ HTML ´úÂëÖУ¬id Êô
Ïà¹ØÎĵµ£º
/*²»¹ÜÊÇʲô·½·¨£¬ÊéдµÄ˳Ðò¶¼ÊÇfirefoxµÄдÔÚÇ°Ãæ£¬IE7µÄдÔÚÖм䣬IE6µÄдÔÚºóÃæ¡£*/
.JS_CenterAD_marquee_Right
{
margin-left:17px !important; /firefox*/
*margin-left:17px !important; / ......
ÔÚÖÆ×÷Ò»¸ö¸¡¶¯Í¼Æ¬ÓÃÓÚÍøÕ¾ÏÔʾʱ£¬³öÏÖͼƬ¹Ì¶¨²»¸¡¶¯£¬×îÖÕ¼ì²é·¢ÏÖ DIV¸¡¶¯Óë
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd³åÍ»
È¥µôÕâ¶Î¿ÉÔÝʱʵÏÖ¸¡¶¯¡£
µ«´Ë´úÂë²»¿ÉËæÒâÈ¥µô£¬È¥µôºóÓֻᵼÖÂDIVijЩÊôÐÔ»ìÂÒ¡£ÐҺô˴ÎÔÝʱ²»Ê¹ÓÃijЩ¹¦ÄÜ
ÁÙʱ½â¾ö°ì·¨£¬ÆÚ´ý¸üºÃµÄ½â¾ö°ì·¨ ......
½ñÌì×öÒ»¸ö¹¦ÄÜ£¬¸ù¾ÝselectÔªËØÑ¡ÔñµÄ²»Í¬selectedIndexÏÏÔʾһ¸ö±í¸ñÀïÖ¸¶¨µÄtrÏî¡£
Ê×ÏÈ£º$("#table tr:gt(0)").css("display","none"); Õâ¸öûÎÊÌ⣬µ±ÒªÏÔʾµÄʱºò.css("display","block"),ÔÚFFÖв¼¾ÖһϾÍÂÒµôÁË¡£ÊÔÁ˼¸´Î¶¼ÊÇÈç´Ë£¬ÏëÁËһϣ¬ÊDz»ÊÇÔÚ ......
ÔÚÐí¶àÍøÕ¾ÉÏÎÒÃÇ¿ÉÒÔ¿´µ½ºÜ¸öÐÔµÄÊó±êÖ¸Õë(cursor)£¬ÔÚÍøÒ³Éè¼ÆÖÐÓÃCSS¿ÉÒÔ·½±ãµÄʵÏÖÕâÑù¸öÐÔÊó±êÖ¸ÕëµÄЧ¹û,¸ÃCSSÊôÐÔ¾ÍÊÇ"cursor"ÊôÐÔ¡£
Ê×ÏÈÎÒÃǽéÉÜÒ»ÏÂϵͳ×Ô´øµÄ15¸öÊó±êЧ¹û£º
Ò»°ã¶øÑÔ£¬Êó±êÒÔбÏòÉϵļýÍ·ÏÔʾ£¬ÒƵ½Îı¾ÉÏʱ±äΪÓÐÍ·µÄÊúÏߣ¬ÒƵ½³¬¼¶Á´½ÓÉϱäΪÊÖÐÍ¡£µ«ÓÃcss¿É¿ØÖÆÊó±êµÄÏÔʾЧ¹û£¬Èç¿ÉʹÊó±ê ......
css display µÄ²ÎÊýÁбí
Óï·¨£º
display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group
²ÎÊý£º
block : ¡¡CSS1¡¡¿é¶ ......