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
Ïà¹ØÎĵµ£º
<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 ......
/*²»¹ÜÊÇʲô·½·¨£¬ÊéдµÄ˳Ðò¶¼ÊÇfirefoxµÄдÔÚÇ°Ãæ£¬IE7µÄдÔÚÖм䣬IE6µÄдÔÚºóÃæ¡£*/
.JS_CenterAD_marquee_Right
{
margin-left:17px !important; /firefox*/
*margin-left:17px !important; / ......
½ñÌì×öÒ»¸ö¹¦ÄÜ£¬¸ù¾ÝselectÔªËØÑ¡ÔñµÄ²»Í¬selectedIndexÏÏÔʾһ¸ö±í¸ñÀïÖ¸¶¨µÄtrÏî¡£
Ê×ÏÈ£º$("#table tr:gt(0)").css("display","none"); Õâ¸öûÎÊÌ⣬µ±ÒªÏÔʾµÄʱºò.css("display","block"),ÔÚFFÖв¼¾ÖһϾÍÂÒµôÁË¡£ÊÔÁ˼¸´Î¶¼ÊÇÈç´Ë£¬ÏëÁËһϣ¬ÊDz»ÊÇÔÚ ......
×ªÔØ×Ô£ºdiv+cssÓŵã
http://blog.sina.com.cn/s/blog_4fe1e5e90100bdtk.html
×î½üÃæÊÔÁ˶à¼Ò¹«Ë¾...Óиö¹ØÓÚdiv+css²¼¾ÖºÃ´¦µÄÎÊÌâ,ÎÊÁ˺öà´Î..ÎһشðÁËһЩ,µ«ÊDz»Ì«È«Ãæ..
½ñÌì´ÓÍøÉÏϵͳµÄËÑË÷µ½ÁËһЩ,²Î¿¼
DIV±¾Éí¾ÍÊÇÈÝÆ÷ÐÔÖʵÄ,Äã²»µ«¿ÉÒÔÄÚǶtable»¹¿ÉÒÔÄÚǶÎı¾ºÍÆäËüµÄHTML´úÂ룻CSSÊÇCascADIng style Sh ......
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¡¡¿é¶ ......