³£ÓÃCssÑùʽ
/*±êÌâÔªËØ*/
h1,h2,h3,h4,h5,h6 {
color: green;
}
/*¸¸ÔªËؼ̳Ð*/
body {
font-family: Verdana, sans-serif;
}
/*id Ñ¡ÔñÆ÷*/
#red {color:red;}
/*id Ñ¡ÔñÆ÷ºÍÅÉÉúÑ¡ÔñÆ÷*/
#red p {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
/*ÀàÑ¡ÔñÆ÷*/
.center {text-align: center}
/*ÊôÐÔ*/
/*±³¾°*/
background-color: gray;
background-image:url(../image/topmiddle.jpg);
background-repeat:no-repeat;
/*ÎÄ×Ö*/
text-align:left;
font-size:11px;
font-family:ºÚÌå;
line-height:25px;*Ðмä¾à*/
text-indent:16px;/*ÎÄ×ÖËõ½ü*/
letter-spacing ;/*ÎÄ×ÖÖ®¼äµÄ¼ä¸ô*/
word-spacing ;/*µ¥´ÊÖ®¼äµÄ¼ä¸ô*/
/*Íâ±ß¾à*/
margin-top:5px;
/*Äڱ߾à*/
padding-bottom:30px;
/*±ß¿ò*/
border-color:#e1e0e0;
border-style:solid;
border-width:0px 1px 1px 1px;
/*¸¡¶¯*/
float: left;
/*¾ø¶Ô¶¨Î»*/
#box_relative {
position: absolute;
left: 30px;
top: 20px;
}
/*Ïà¶Ô¶¨Î»*/
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
Ïà¹ØÎĵµ£º
CSS ºÐÄ£ÐÍ
¡¡¡¡ÍøÒ³Éè¼ÆÖеÄÿ¸öÔªËØ¶¼Êdz¤·½ÐεĺÐ×Ó¡£ºÐ×ӵijߴçÊÇÔõÑù¾«È·¼ÆËãµÄ£¬Çë¿´ÏÂͼ£º
¡¡¡¡
¡¡¡¡Èç¹ûÊÇ Firebug Óû§µÄ»°(»ù±¾ºÍǰ¶ËÓйصͼ»áÓõ½ Firebug °É – ÌǰéÎ÷ºìÊÁ)£¬¾Í»áºÜÊìϤÏÂÃæµÄͼ±íÁË¡£
¡¡¡¡Õâ¸öͼ±íºÜºÃµØÕ¹Ê¾ÁË×÷ÓÃÓÚÒ³ÃæÉÏÈÎÒâºÐ×ÓµÄÊýÖµ¡£
¡¡¡¡
¡¡¡¡×¢ÒâÒÔÉÏÁ½¸öÀý×ÓÖУ¬margi ......
×÷Õߣºtinyhill¡¡À´×Ô£ºÀ¶É«ÀíÏë ¶Ô ¡¶5 ¸ö¼òµ¥ÊµÓÃµÄ CSS ÊôÐÔ¡·½øÐбà¼
1¡¢CSS Clip
¼ô¼ (clip) ÊôÐÔ¾ÍÏñÒ»¸öÃæ¾ß¡£ËüÔÊÐíÄãʹÓþØÐÎÑÚ¸ÇÒ³ÃæÔªËØµÄÄÚÈÝ¡£Òª¼ô¼Ò»¸öÔªËØ£ºÄã±ØÐëÖ¸¶¨Æä position ÊôÐÔΪ absolute£¬È»ºóÖ¸¶¨Ïà¶ÔÓÚÔªËØµÄ top£¬right£¬bottom£¬left Öµ¡£
ͼƬ¼ô¼ÊµÀý£¨ÑÝʾ£©
ÒÔÏÂʾÀýÑÝʾÁËÈç ......
+++ ÿ¸ãITµÄÈ˶¼ÖªµÀB/SϵͳµÄDIV+CSS½á¹¹£¬ÖªµÀËüµÄºÃ¡£µ«Èç¹ûÄãÎÊ£¬DIV+CSS½á¹¹ÊÇʲô£¿ºÃÔÚÄÄÀï?ʵ¼ÊÏîĿӦ¸ÃÈçºÎÌåÏÖ»òʵÏÖ£¿Ã¿¸öÈ˶¼ÄܺÍÄã°×»ï¼¸¾ä£¬ÓÐЩÈËÉõÖÁ»áÌÏÌϲ»¾ø£¬¶øÍùÍùÕâЩÌÏÌϲ»¾øµÄÈËÒ²Ö»ÊÇÌýÁíһЩÌÏÌϲ»¾øµÄÈË˵µÄ£¬½ö½öÊÇ“½ÓÊÕ”²¢“½ÓÊÜ”ÁËÐÅÏ¢£¬That is all£¬¾ÍÏñÒ»ÕÅ´ÅÅÌ£ ......
¿ÉÒÔÔÚ²©¿ÍµÄÅäÖÃÒ³ÃæµÄ×Ô¶¨ÒåcssÀ¸ÖÐÌîÈëcssÑùʽ´úÂëÀ´×Ô¶¨Ò²blogµÄ·ç¸ñ
csdn blogµÄÒ³Ãæ¼Ü¹¹»ù±¾ÊÇÓÉdivʵÏֵģ¬Õû¸öÒ³ÃæÖ÷ÒªÓÉÈý¸ödiv×é³É£¬ËüÃǵÄid·Ö±ðÊÇ:
csdnblog_header,
csdnblog_sidebar, csdnblog_content¡£
ËùÒÔ£¬¶¨ÒåËüÃǵÄÖ÷ÌåÑùʽ¿ÉÒÔÕâÑù:
#csdnblog_header
{
//Í·²¿µÄ·ç¸ñ ......