Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

cssѧϰ×ܽá

Ò» ¹ØÓÚcssµÄidÑ¡Ôñ·û
      ÿ¸öhtmlµÄÔªËØ¶¼°üº¬Ò»¸öidÊôÐÔ£¬¸ÃÊôÐÔÊÇΨһµÄ£¬¿ÉÒÔΨһ±êʾһ¸öÔªËØ£¬ÎÒÃǾͿÉÒÔÑ¡Ôñ¸ü¾ßÌåµÄÔªËØ¡£isÊôÐÔÓɾ®ºÅ¼Óid×é³É¡£
p#bulletinContent
{
  color:Yellow ;
  background-color:Maroon ;  
}
  html½çÃæÈçÏ£º
 <p id = "bulletinContent" >ÎÒµÄblog</p>
¶þ classÑ¡Ôñ·û
    htmlÖаüº¬classÊôÐÔ£¬ÓëidÊôÐÔ²»Í¬£¬classÊôÐÔ²»ÒªÇóΨһÐÔ£¬¶à¸öÔªËØ¿ÉÒÔÓµÓÐÏàͬµÄcalssÊôÐÔ¡£
   
 
h2.titleLevel2
{
  color:Gray ; 
}
 html Ò³Ãæ´úÂë:
<h2 class="titleLevel2">²âÊÔclassµÄÊôÐÔ</h2>
Èý ¶àÖØclass
 
    ÓÉÉϽڵÄÄÚÈÝ¿ÉÖª£¬classÊôÐÔºÍidÊôÐԵIJ»Í¬Ö®´¦£¬idÊôÐÔÊÇΨһµÄ£¬¶øÍ¬Ò»¸öÊôÐÔ¿ÉÒÔ¸³¸ø¶à¸öÔªËØ¡£
    Ò»¸öhtmlÔªËØ¿ÉÒÔÊôÓÚ¶à¸öclass¡£
    <h2 class="class1 class2">²âÊÔclassµÄÊôÐÔ</h2>
  
   cssÎļþÈçÏÂ:
     
        a.class1
{
  font-size:12px;
    
}
a.class2
{
  color:red; 
}
ËÄ Ç¶Ì×div±êÇ©
div.box
{
 border:1px solid #E2DFD0 ;
 margin-bottom:1em;
}
div.box div.title
{
  padding:0.3em ;
  padding-left:0.6em;
  background:#F2F0DD;
  font-size:0.9em ;
  font-weight:bold;
 
}
div.box div.content
{
   margin:0.3em;
   
}
div.box div.content *
{
   margin:0;
  
}
div.box h3
{
 font-weight: bold;
 font-size:0.9em;
 padding:0.5em;
 color:#0033CC;
 
}
div.box p
{
  font-size:0.9em;
  padding:0.5em;
   
}
div.content + div.content
{
 
 border-top:1px dotted #E2DFD0 ;
 
}
¶ÔÓ¦µÄhtml´úÂë
 <div class="box">     
     <div class="title">²úÆ·Áбí</div>
    
  &nbs


Ïà¹ØÎĵµ£º

cssʵÏÖ½¥±äЧ¹û

<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDIN ......

CSSä¯ÀÀÆ÷¼æÈÝÐÔ

 /*²»¹ÜÊÇʲô·½·¨£¬ÊéдµÄ˳Ðò¶¼ÊÇfirefoxµÄдÔÚÇ°Ãæ£¬IE7µÄдÔÚÖм䣬IE6µÄдÔÚºóÃæ¡£*/
.JS_CenterAD_marquee_Right
 {
    
      margin-left:17px !important;  /firefox*/
      *margin-left:17px !important;  / ......

CSS_±í¸ñÔÚIEÓëFFÖеÄdisplay

     ½ñÌì×öÒ»¸ö¹¦ÄÜ£¬¸ù¾ÝselectÔªËØÑ¡ÔñµÄ²»Í¬selectedIndexÏÏÔʾһ¸ö±í¸ñÀïÖ¸¶¨µÄtrÏî¡£
     Ê×ÏÈ£º$("#table tr:gt(0)").css("display","none"); Õâ¸öûÎÊÌ⣬µ±ÒªÏÔʾµÄʱºò.css("display","block"),ÔÚFFÖв¼¾ÖһϾÍÂÒµôÁË¡£ÊÔÁ˼¸´Î¶¼ÊÇÈç´Ë£¬ÏëÁËһϣ¬ÊDz»ÊÇÔÚ ......

DIV+CSSµÄÓŵãÓëȱµã


×ªÔØ×Ô£ºdiv+cssÓŵã
http://blog.sina.com.cn/s/blog_4fe1e5e90100bdtk.html
×î½üÃæÊÔÁ˶à¼Ò¹«Ë¾...Óиö¹ØÓÚdiv+css²¼¾ÖºÃ´¦µÄÎÊÌâ,ÎÊÁ˺öà´Î..ÎһشðÁËһЩ,µ«ÊDz»Ì«È«Ãæ..
½ñÌì´ÓÍøÉÏϵͳµÄËÑË÷µ½ÁËһЩ,²Î¿¼
DIV±¾Éí¾ÍÊÇÈÝÆ÷ÐÔÖʵÄ,Äã²»µ«¿ÉÒÔÄÚǶtable»¹¿ÉÒÔÄÚǶÎı¾ºÍÆäËüµÄHTML´úÂ룻CSSÊÇCascADIng style Sh ......

css display µÄ²ÎÊýÁбí

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¡¡¿é¶ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ