CSS³£Óü¼ÇɽéÉÜ
1. CSS×ÖÌ嶨Òå¼òд¹æÔò
Ò»°ãµÄд·¨»áÊÇÕâÑù£º
font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif
¶øʵ¼ÊÉÏÄã¿ÉÒÔÓøü¼ò½àµÄд·¨£º
font: bold italic small-caps 1em/1.5em verdana,sans-serif
ÊDz»ÊǸüÊ¡Ê£¿²»¹ýʹÓÃÕâÖÖ¼òдÐèҪעÒ⼸µã£ºÒªÊ¹¼òд¶¨ÒåÓÐЧ±ØÐëÖÁÉÙÌṩ font-size ºÍ font-family ÕâÁ½¸öÊôÐÔ£»Í¬Ê±font-weight, font-style ÒÔ¼° font-varient Õ⼸¸öÊôÐÔÈç¹û²»×öÉ趨µÄ»°½«Ä¬ÈÏΪnormal¡£
»¹ÓÐbackground£¬borderµÈµÈ.
1. ¹ØÓÚbackgroundµÄд·¨
DIV.comment{background:#f0f0f0 url(url address) repeat-x left top}
1£©Äú¿ÉÒÔ¿´µ½backgroundµÄµÚÒ»¸ö¶¨ÒåÊÇÒ»¸öÑÕÉ«ÖµÕâ±íʾÔÚ±³¾°Í¼Æ¬Ê§Ð§µÄʱºòÑÕÉ«½«Æð×÷Óá£
2£©urlÀ¨ºÅÖеÄÒýºÅÊÇûÓбØÒªµÄ£¬ÎÒÃÇ¿ÉÒÔ²»Ð´ÒýºÅ
2. ¹ØÓÚBorderµÄд·¨£¬Èç¹ûÄúÏ붨ÒådivµÄËĸö±ßµÄÑÕÉ«²»Í¬£¬¶ø´Ö¶ÈºÍÑùʽ¶¼Ò»Ñù£¬Äú¿ÉÒÔÕâÑùд£º
DIV.special{border:1px solid; border-color:color1 color2 color3 color4}
ËÄÖÖÑÕÉ«Ò»´ÎÊÇÉÏ£¬ÓÒ£¬Ï£¬×óµÄÑÕÉ«
ÑÕÉ«Ïàͬ¾ÍºÏ²¢³É£º
DIV.special{border:1px solid color4}
2. ͬʱʹÓÃÁ½¸öClass¶¨Òå
Ò»°ãÎÒÃÇÖ»»á¸øÄÚÈÝ¿éÖ¸¶¨Ò»¸öClass£¬µ«Õâ²¢²»´ú±íÎÒÃÇÖ»ÄÜÖ¸¶¨Ò»¸ö¡£Êµ¼ÊÉÏÖ»ÒªÄãÔ¸Ò⣬¿ÉÒÔͬʱ°ÑÈÎÒâ¶à¸öClass¸³¸øij¿éÄÚÈÝ¡£±ÈÈ磺
<p class="text side">...</p>
¶à¸öClassÖ®¼äÓÿոñ·Ö¸ô¼´¿É¡£µ±¶à¸öClassÖ®¼äµÄÊôÐÔ·¢ÉúÖصþµÄʱºò£¬½«¸ù¾Ý¸÷¸öClassÔÚCSS¶¨ÒåÎļþÖỶ¨ÒåµÄλÖ㬺ó¶¨ÒåµÄClassÊôÐÔ×Ô¶¯¸²¸Ç֮ǰ¶¨ÒåµÄClassÊôÐÔ£¨¶ø²»ÊǸù¾ÝÄãÔÚclass="text side"ÕâÀïÅÅÁеÄ˳ÐòÀ´½øÐи²¸Ç£©
3. CSS borderµÄȱʡֵ
ͨ³£ÎÒÃǶ¨ÒåborderÊôÐÔ¶¼»áÌṩcolor,width,styleÕâЩÊôÐÔ¡£±ÈÈç border: 3px solid #000 ¡£²»¹ýʵ¼ÊÉϱØÐëÒªÌṩµÄÊôÐÔÖ»ÓÐstyle¡£Èç¹ûÄãֻд border: solid µÄ»°£¬ÆäËûµÄÊôÐÔ×Ô¶¯Ê¹ÓÃȱʡֵ¡£borderµÄȱʡ¿í¶ÈÊÇmedium(´óÔ¼3px-4px)£¬È±Ê¡µÄÑÕÉ«ÊÇλÓÚborderÀïÃæµÄÄÚÈÝÎÄ×ÖµÄÑÕÉ«¡£Èç¹ûÕâЩȱʡֵ¿ÉÒÔÂú×ãÄãµÄÒªÇó£¬ÄãÍêÈ«¿ÉÒÔÊ¡ÂÔÕâÁ½ÏîÊôÐÔ¡£
4. רÃÅÓÃÓÚ´òÓ¡µÄCSSÎĵµ
ºÜ¶àwebÒ³Ã涼»áÌṩһ¸ö´òÓ¡Á´½Ó£¬·½±ãÓû§Ê¹ÓÃÁíÒ»ÖÖÊʺϴòÓ¡½çÃæµÄCSS¡£µ«Êµ¼ÊÉÏÄãÍêÈ«¿ÉÒÔΪÄãµÄÒ³ÃæÖ¸¶¨Á½¸öCSSÎĵµlink£¬ÕâÑùä¯ÀÀÆ÷»á×Ô¶¯µ÷ÓúÏÊʵÄCSS
Ïà¹ØÎĵµ£º
½ñÌ쿪ʼ×öÎÒÃǹ«Ë¾ÄÚ²¿Ê¹ÓõÄITSMϵͳµÄ¾²Ì¬Ò³Ã棬Õâ¸öÒ³ÃæºÃ¸´ÔÓ£¬µ±È»£¬ÎÒÊÇÒ»¸ö²Å¿ªÊ¼×öÒ³ÃæµÄ¼Ò»ï£¬ËùÒÔ¶ÔÎÒÀ´Ëµ»¹ÓÐÒ»¶¨µÄÄѶȡ£²àÀ¸ÒªÕÛµþ£¬²Ëµ¥ÒªJs¿ØÖÆ£¬ÎÒ±¾À´ÒÔÇ°ÊǸã±à³ÌµÄ£¬¶¼ÊÇÖ±½ÓÓÃÈ˼ҵÄÒ³Ã棬cssºÍjs¶¼Ö»ÊÇ»áÒ»µãƤ룬ÏÖÔÚÉ˵½ÎÒµÄÐÄÁË¡£
½ñÌ컹ÓÐÒ»¸ö²»ÐÒµÄÏûÏ¢£¬ÎÒ¾¹È»¹ÒÁËÒ»¿Æ£¬´óѧ4ÄêµÄÇå°×Éú»î°¡ ......
.netÖÐ css ¿ØÖÆ GridView Ñùʽ
.net 2007-07-23 10:42:11 ÔĶÁ1173 ÆÀÂÛ0 ×ֺţº´óÖÐС
.GridViewStyle
{
border-right: 2px solid #A7A6AA;
border-bottom: 2px solid #A7A6AA;
bo ......
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding: 0;
margin: 0;
}
fieldset, img {
border: 0;
}
table {
border-co ......
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
IE6ÖÐCSSÎÞЧÎÊÌâ
ͬÊ·´À¡ÎÒÒ»¸öÒ³ÃæÔÚIE7ºÍFirefox϶¼Õý³£,µ«ÊÇÔÚIE6ÖÐÎÞÑùʽ.µ«ÊÇÒ³ÃæÎÒ×ö¸øËûÃǵÄʱºòÒ»Çж¼ÊÇÕý³£µÄ.°ÑËû´«¸øÎҵİü´ò¿ªÑо¿ÁË°ëÌì·¢ÏÖ,Ò³Ãæ±àÂë´ÓGB2312±ä³ÉÁËUTF-8,ÆäËû¶¼Ã»ÓÐʲô¸Ä±ä.ÓÚÊÇ»¹ÔΪGB2312,Ò³ÃæÕý³£.ÔÙ½«ÍⲿCSS¸´ÖƵ½Ò³ÃæÄÚ²¿,ͬÑùÕý³£.Ñо¿Ðí¾ÃÕÒ²»µ½ÎÊÌâËùÔÚ,ºöÈ»·¢ÏÖCSSÀïÃæÓжÎ× ......