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

»ù±¾CSSÑ¡ÔñÆ÷,¸´ºÏÑ¡ÔñÆ÷,ºó´úÑ¡ÔñÆ÷

»ù±¾CSSÑ¡ÔñÆ÷Óбê¼ÇÑ¡ÔñÆ÷¡¢Àà±ðÑ¡ÔñÆ÷¡¢IDÑ¡ÔñÆ÷3ÖÖ
1¡£±ê¼ÇÑ¡ÔñÆ÷
    Ã¿Ò»ÖÖHTML±ê¼ÇµÄÃû³Æ¶¼¿ÉÒÔ×÷ΪÏàÓ¦µÄ±ê¼ÇÑ¡ÔñÆ÷µÄÃû³Æ£¬Èçh1,p,µÈµÈ
2¡£Àà±ðÑ¡ÔñÆ÷
    Àà±ðÑ¡ÔñÆ÷µÄÃû³Æ¿ÉÒÔÓÉÓû§×Ô¶¨Òå
   ¸ñʽÈçÏ£º.class{color:green;font-size:20px;}
3¡£IDÑ¡ÔñÆ÷
    ÓëÀà±ðÑ¡ÔñÆ÷ÏàÊÔ
   ¸ñʽÈçÏ£º#id{color:green;font-size:20px;}
¸´ºÏÑ¡ÔñÆ÷£º¾ÍÊÇÁ½¸ö»òÕß¶à¸ö»ù±¾Ñ¡ÔñÆ÷£¬Í¨¹ý²»Í¬·½Ê½Á¬½Ó¶ø³ÉµÄÑ¡ÔñÆ÷
ÓÐÁ½ÖÖÇé¿ö£º”½»¼¯“Ñ¡ÔñÆ÷¡¢“²¢¼¯”Ñ¡ÔñÆ÷
1¡£“½»¼¯”Ñ¡ÔñÆ÷£ºÓÉÁ½¸öÑ¡ÔñÆ÷Ö±½ÓÁ¬½Ó¹¹³É£¬Æä½á¹ûÊÇÑ¡ÖжþÕ߸÷×ÔÔªËØ·¶Î§µÄ½»¼¯£¬ÆäÖеÚÒ»±ØÐëÊDZê¼ÇÑ¡ÔñÆ÷£¬µÚ¶þ¸ö±ØÐëÊÇÀà±ðÑ¡ÔñÆ÷»òÕßIDÑ¡ÔñÆ÷£¬Á½¸öÑ¡ÔñÆ÷Ö®¼ä²»ÄÜÓпոñ£¬±ØÐëÁ¬ÐøÊéд
È磺h3.class{color:red;font-size:23px;}
2¡£“²¢¼¯”Ñ¡ÔñÆ÷£ºÍ¬Ê±Ñ¡Öи÷¸ö»ù±¾Ñ¡ÔñÆ÷ËùÑ¡ÔñµÄ·¶Î§£¬ÈκÎÐÎʽµÄÑ¡ÔñÆ÷¶¼¿ÉÒÔ£¬²¢¼¯Ñ¡ÔñÆ÷ÊǶà¸öÑ¡ÔñÆ÷ͨ¹ý¶ººÅÁ¬½Ó¶ø³ÉµÄ£¬
¸ñʽÈç:h1,h2,h3{color:red;font-size:23px;}
ºó´úÑ¡ÔñÆ÷£º
ºó´úÑ¡ÔñÆ÷Êéд·½·¨£º°ÑÍâ²ãµÄ±ê¼ÇдÔÚÇ°Ãæ£¬ÄÚ²ãµÄ±ê¼ÇдÔÚºóÃæ£¬Ö®¼äÓÿոñ·Ö¸ô£¬µ±±ê¼Ç·¢ÉúǶÌ×ʱ£¬ÄÚ²ãµÄ±ê¼Ç¾Í³ÉΪÍâ²ã±ê¼ÇµÄºó´úÁË
¾Ù¸öÁÐ×Ó
<html>
<head>
<title>ºó´úÑ¡ÔñÆ÷</title>
<style type="text/css">
p span{}{
   color:red
}
span
{}{
  color:blue;
}
</style>
</head>
<body>
<p>ǶÌ×<span>ÓÃCSS</span>±ê¼ÇµÄ·½·¨</p>ǶÌ×Ö®ÍâµÄ<span>±ê¼Ç</span>²»ÉúЧ
</body>
</html>
Ч¹ûÊÇ£º“ÓÃCSS”µÄÏÔʾºìÉ«£¬ÆäËûÓÃ<span>°üΧÆðÀ´µÄÊÇÀ¼É«
ºó´úÑ¡ÔñÆ÷²úÉúµÄÓ°Ïì²»½öÏÞÓÚÔªËØµÄ“Ö±½Óºó´ú”£¬¶øÇÒ»áÓ°Ïìµ½ËüµÄ“¸÷¼¶ºó´ú”
×ÓÑ¡ÔñÆ÷£ºÒ²¾ÍÊÇÖ»ÓжÔÖ±½Óºó´úÓÐÓ°ÏìµÄÑ¡ÔñÆ÷£¬¶ø¶Ô“Ëï×Ó”ÒÔ¼°¶Ô¸ö²ãµÄºó´ú²»²úÉú×÷Óá£
¸ñʽÈçÏ£ºp>span{color:blue;}


Ïà¹ØÎĵµ£º

CSSÔÚUL UIÉϵÄÓ¦ÓÃ

Ч¹ûͼ£º
csstest.css
*{
 margin-left:0;
 margin-top:0;
 font-size:12px;
 color:White;    
}
#biaoge
{
/*¶ÔIDΪbiaogeµÄ±êǩʹÓôËCSS*/
    width:405px;   /*Áпí100£¬¼ÓÉÏÎå¸öΪ1µÄ±ß¾à£¬ËÄÁоÍÊÇ405*/
  &nbs ......

CSSÂ˾µ±Ê¼Ç °üº¬LightÂ˾µ·½·¨µÄʹÓÃ

Alpha
1. Óï·¨: {filter: alpha(opacity=opacity, finishopacity=finishopacity, style=style, startx=startx, starty=starty, finishx=finishx, finishy=finishy)}
2. ÒâÒå: °ÑÒ»¸öÄ¿±êÔªËØÓë±³¾°»ìºÏ, ÉèÖÃÕß¿ÉÒÔÖ¸¶¨ÊýÖµÀ´¿ØÖÆ»ìºÏµÄ³Ì¶È
3. ÊôÐÔ
3.1. opacity: ͸Ã÷¶Èˮƽ, 0ΪÍêȫ͸Ã÷, 100ΪÍêÈ«²»Í¸Ã÷
3.2. fin ......

CSSºÍJS±êÇ©styleÊôÐÔ¶ÔÕÕ±í


ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
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 ......

@importµ÷ÓÃcssºÍlink hrefµ÷ÓÃÓÐÊ²Ã´Çø±ð£¿


2010-01-26
@importµ÷ÓÃcssºÍlink hrefµ÷ÓÃÓÐÊ²Ã´Çø±ð£¿
ÎÄÕ·ÖÀà:Webǰ¶Ë
´ó¼ÒÈ¥·ÖÎöһЩ´óÕ¾µÄcss´úÂëʱ£¬¶¼»á·¢ÏÖµ÷ÓÃcssÓÐÒÔÏÂÁ½ÖÖ·½·¨£º
·½·¨Ò»£º
<style type="text/css">
<!--
@import url("css/main.css");
@import url("css/font.css");
@import url("css/layout.css");
-->
</style ......

IEºÍFireFoxl¶ÔCSSµÄ²»Í¬½âÎö

dz̸IEÓëFirefox¶ÔCSSµÄ²»Í¬½âÎö——°²»ÕÓ­¿ÍËÉ
Æäʵ£¬ÒÔǰ´ÓÀ´Ã»ÓнӴ¥¹ýCSSÏà¹ØµÄÄÚÈÝ£¬¶¼ÊÇÔÚ×öÒµÎñµÄ±à³Ì£¬´ÓÀ´Ã»Ïë¹ýÇ°Ì¨Ò³ÃæµÄÉè¼ÆÒ²ÄÜÈç´Ë¸´ÔÓ¡£Õâ´ÎÏîÄ¿µÄ¿ª¹ý¹ý³ÌÖУ¬×÷ΪCSS²ËÄñµÄÎÒÒ²½Ó´¥µ½CSSµÄÏà¹ØÉè¼Æ¡£Ëù³öÏֵĵͼ¶ÎÊÌâºÍÀ˷Ѻܶàʱ¼äµÄ×´¿öÒ²²ã³ö²»ÇËùÒÔͨ¹ý¸÷·½ËÑË÷ºÍ×Ô¼ºµÄʵ¼ÊѧϰÖÐ×ܽ᳠......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ