»ù±¾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;}
Ïà¹ØÎĵµ£º
¡¢ÔÚFlash¼ÓÈ룺<param name="wmode" value="opaque">
2¡¢ÔÚDIVÀï¼ÓÈ룺position:absolute;z-index:10;£¨Êý×ÖÔ½´óÔ½´¦ÓÚÉϲ㣩
FLASH͸Ã÷±³¾°
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 ......
һ˵µ½javascript¾ÍÓÐÈË»áÏëµ½java£¬µ«ÊÇËûÃÇÍê»áÊÇÁ½»ØÊ£¬javascriptÊÇÃæÏò¶ÔÏóµÄ¶¯Ì¬ÀàÐ͵ÄÇø·Ö´óСдµÄ¿Í»§¶Ë½Å±¾ÓïÑÔ£¬Çë×¢Òâ´óСÓÐÇø±ð£¬ÃæÏò¶ÔÏó¡£javascriptÓÃ;ºÜ¶àµÄ£¬Ä¿Ç°¼¸ºõËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö¡£µ«ÊÇËûÓÐÒ»¸ö»µ´¦¾ÍÊDZäÁ¿£¬Èçvar
i=4;Õâ¸öi¾ÍÊÇintÀàÐ͵ģ¬var
s="hello",Õâ¸ösÊÇ×Ö·û´®ÀàÐ͵ģ ......
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£© JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border border
border-bottom borderBottom
border-bottom-color &nbs ......
Ðí¶àÈËÈÏΪie6²»Ö§³Ö!important£¬ÆäʵÊDZ»Ò»ÌõÕë¶Ôie 6µÄcss hack¸øÎóµ¼ÁË¡£ÕâÌõcss hackÊÇ£º
.test {
height: auto !important;
height: 500px;
}
.testµÄ¸ß¶ÈÔÚÆäËûä¯ÀÀÆ÷ÀïÃæÊÇauto£¬¶øÔÚie6ÀïÃæÊÇ500px£¬Ðí¶àÈËÔÚ½âÊÍÕâÌõcss hackÖ®ËùÒÔ»áÉúЧÊÇÒòΪie6²»Ö§³Ö!important£¬Îóµ¼Á˲»ÉÙÈ ......