CSS´¦ÀídivÖжÔÏó´¹Ö±¶ÔÆë
CSSÉèÖÃ
<style type="text/css">
.box {
border:#eee solid 1px;
width:300px;
height:120px;
line-height:120px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
</style>
1.Îı¾
<div class="box">Sample text</div>
Sample text
2.ͼƬ(IEÏÂÔÚͼƬºóÃæ¼ÓÒ»¸ö¿Õ¸ñ)
<div class="box"><img alt="" src="http://www.csdn.net/images/newcsdnlogo.gif" /> </div>
Ïà¹ØÎĵµ£º
ninjacontent×é¼þÔÚÎÒµÄÍøÕ¾ÉÏÏÔʾ²»Õý³££¬ÏëÐÞ¸ÄËüµÄCSSʹÆäÕý³££¬¿ÉÊÇÔõôҲÕÒ²»µ½ËüµÄCSSµÄλÖã¬ÏÖÔÚÖÕÓÚÕÒµ½ÁË£¬ÌذÑËü¼Ç¼ÏÂÀ´£¬ÒÔ±¸ÓÐÓöµ½¸úÎÒÒ»ÑùÎÊÌâµÄÈ˲鿴¡£
CSSλÖãºÍøÕ¾¸ùĿ¼\media\com_ninjacontent\css\Ŀ¼Ï¡£ ......
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ
ÎҵļÒÏçÔÚ¿Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ ......
.ie
{
border:1px solid #000000;
width:100px;
height:300px;
font-size:12px;
}
.ie div
{ text-over:
overflow:hidden;
text-overflow:ellipsis ......
×¢£º±¾Ñ§Ï°±Ê¼ÇÖ»ÊÇ×Ô¼ºµÄһЩ±¸Íü£¬³õѧÕߵĶ«Î÷²»¾ßÓвο¼ÐÔ£¬Çëµ½W3School£¨http://www.w3school.com.cn/css/index.asp£©½øÐÐϵͳѧϰ¡£ ѧϰCSSÎÒʹÓõŤ¾ßÊÇVisual CSS£¬¿ÉÒÔʵÏÖͬ²½Ô¤ÀÀ£¬¿ìËÙѧϰ±à¼CSS¡£ 1.CSSµÄ×÷ÓãºÓÃÀ´¹æ¶¨ÍøÒ³ÖеÄÄÚÈݵÄÏÔʾ·½Ê½£¬±ÜÃâ¸øHTMLÔö¼ÓºÜ¶àµÄÊôÐÔ¶ø½«´úÂë±äµÃÓ·Öס£ 2.CSS ......
ÏÂÃæÊÇCSS×î³£ÓúÍʵÓõļ¼ÇÉ¡£
1.ÖØÖÃä¯ÀÀÆ÷µÄ×ÖÌå´óС
ÖØÖÃä¯ÀÀÆ÷µÄĬÈÏÖµ £¬È»ºóÖØÉèä¯ÀÀÆ÷
µÄ×ÖÌå´óСÄã¿ÉÒÔʹÓÃÑÅ»¢µÄÓû§½çÃæÖØÖÃ
µÄCSS·½°¸ £¬Èç¹ûÄã²»ÏëÏÂÔØ9MBµÄÎļþ£¬´úÂëÈçÏ£º
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td ......