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

¾­µäDIV+CSS°¸Àý Á½Áи߶È×ÔÊÊÓ¦


ÏàÐźܶàÈ˶¼·Ç³£Ï²»¶ÓÃdiv+css²¼¾Ö,ÎÞÂÛÄãÊÇǰ¶Ë¿ª·¢Õߣ¬»¹ÊǺǫ́³ÌÐòÔ±£¬ÒòΪËüµÄºÃ´¦ÊµÔÚÌ«¶à£¬¿ÉÒÔÓúÜÉٵĴúÂëÀ´¿ØÖƲ¼¾Ö£¬È»ºóÓÃCSS±íÏÖÆäÐÎ̬£¬±íÏÖºÍÑùʽ·ÖÀë¡£¶øÇÒÔÚSEO·½Ã棬Ëü»¹ÄÜÌṩ30%µÄÓÅ»¯£¬ÎÒÃǺÎÀÖ¶ø²»ÎªÄØ¡£
ºÜ¶àÈ˶¼»áÅöµ½ÈçÌâµÄ²¼¾ÖÎÊÌ⣬½â¾ö·½°¸ºÜ¶à£¬¿ÉÒÔÓñ³¾°Í¼À´Ìî³ä£¬»òÓÃjsÀ´¿ØÖÆ£¬µ«ÖÕ²»ÊÇ×î¼Ñ·½°¸£¬×îºÃ»¹ÊÇ´ÓDIV,CSS±¾ÉíÀ´¿¼ÂÇ:
ÒÔÏÂΪÈýÐÐÁ½Áеĵľ­µäģʽ£¬»¹¿ÉÒÔÑݱä³É¶àÖÖ²¼¾Ö£¬Óдý´ó¼ÒÐÞ¸Ä:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Á½Áи߶È×ÔÊÊÓ¦</title>
<style type="text/css">
<!--
*{margin:0;padding:0;}
#top{background:#dcdcdc;height:30px;}
#main{overflow:hidden;}
.sidebar{float:left;width:150px;background:#ff0000;}
.content{background:#333333;overflow:hidden;_float:left;/*¼æÈÝIE6*/}
.row{margin-bottom:-10000px;padding-bottom:10000px;/*ÄÚÍâ²¹¶¡Êǹؼü*/}
#footer{clear:both;height:30px;background:#0000ff;}
-->
</style>
</head>
<body>
<div id="container">
<div id="top"></div>
<div id="main">
<div class="sidebar row">
ÎÒÔÚ×ó±ß<br /> 
ÎÒÔÚ×ó±ß<br /> 
ÎÒÔÚ×ó±ß<br />
ÎÒÔÚ×ó±ß<br /> 
ÎÒÔÚ×ó±ß<br /> 
ÎÒÔÚ×ó±ß<br /> 
ÎÒÔÚ×ó±ß<br />
ÎÒÔÚ×ó±ß<br />
ÎÒÔÚ×ó±ß<br /> 
ÎÒÔÚ×ó±ß<br />
ÎÒÔÚ×ó±ß<br /> 
ÎÒÔÚ×ó±ß<br />
ÎÒÔÚ×ó±ß<br />
ÎÒÔÚ×ó±ß<br />
ÎÒÔÚ×ó±ß<br />
ÎÒÔÚ×ó±ß<br /> 
ÎÒÔÚ×ó±ß<br />
</div>
<div class="content row">
ÎÒÔÚÕýÎÄ<br />
ÎÒÔÚÕýÎÄ<br />
ÎÒÔÚÕýÎÄ<br /&g


Ïà¹ØÎĵµ£º

Óà CSS ʵÏÖÎı¾¹ý³¤Ê±£¬Ê¡ÂԺš°¡­¡­¡±ÏÔʾЧ¹û¡£


Html´úÂë 
view plaincopy to clipboardprint?  
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">    
<nobr>¾ÍÊDZÈÈçÓÐÒ»ÐÐÎÄ×Ö£¬ºÜ³¤£¬±í¸ñÄÚÒ»ÐÐÏÔÊ ......

cssµÄdl dt ddµÄÓ¦ÓÃ

cssµÄdl dt ddµÄÓ¦Óãº
<!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">
<head>
<meta http-equiv="Content-Type" content= ......

CSS Ñùʽ

ÑùʽӦÓõij¡ºÏµ±È»ÊÇÍøÒ³ÎļþÖУ¬µ«ÊÇÈçºÎÈ¥ÔËÓÃÄØ£¿¿ÉÒÔ¼òµ¥µÄÕûÀíÒ»ÏÂ˼·¡£
selector ÓÐÈýÖÖÇé¿ö£¬ÄÚ²¿Ñùʽ£¬ÍⲿÑùʽ£¬ÄÚÁªÑùʽ¡£Ó﷨Ϊ
Selector { property: value }
¿ÉÒÔͨ¹ýÉèÖñêÇ©µÄstyleÊôÐÔÖÐÊéд£¬Í¨¹ýCLASSºÍIDÀ´¶¨Òå¡£
<link rel=stylesheet href="***/**.css" type="text/css">
ÈýÖÖ·½Ê½µÄÔËÓ ......

±íµ¥ÖÐcssÓÐЩ²»Æð×÷ÓÃ

    дÁËÒ»¸ö±íµ¥£¬ÔÚʹÓÃcssʱ·¢ÏÖÁËһЩÎÊÌâ¡£
    1¡¢¶¨ÒålabelµÄstyle²»Æð×÷Óã¬ÀýÈ磬ÎÒÔÚcssÖж¨ÒåÁËÒ»¸ö
<mce:style type="text/css"><!--
label
{
font-size:large;
}
--></mce:style><style type="text/css" ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ