js ÐÞ¸ÄCSSÎļþÖеÄÑùʽ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style id="">
.class1{
margin-left:135px;
margin-top:1px;
}
.b{
margin-left:135px;
margin-top:1px;
}
</style>
<script>
function hidden(){
if(typeof document.styleSheets != "undefined")
{
var printStyleSheet = document.styleSheets[0];
var printRules = null;
if (typeof printStyleSheet.rules != "undefined")
{
printRules = printStyleSheet.rules;
}else{
printRules = printStyleSheet.cssRules;
}
for(var i=0; i <printRules.length; i++)
{
//alert(printRules[i]["selectorText"]);
if(printRules[i]["selectorText"]==".class1")
{
printRules[i].style.display = "none";
}
}
}
}
</script>
</HEAD>
<BODY>
<div class="class1">123446</div>
<br />
<a href="#" onclick="hidden();">CLICK ME</a>
</BODY>
</HTML>
Ïà¹ØÎĵµ£º
Ò»¡¢ÐǺÅ*
Ó¦¸ÃÊǸöͨÅä·û¡£±ÈÈç
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="round ......
IE6ÖÐCSSÎÞЧÎÊÌâ
ͬÊ·´À¡ÎÒÒ»¸öÒ³ÃæÔÚIE7ºÍFirefox϶¼Õý³£,µ«ÊÇÔÚIE6ÖÐÎÞÑùʽ.µ«ÊÇÒ³ÃæÎÒ×ö¸øËûÃǵÄʱºòÒ»Çж¼ÊÇÕý³£µÄ.°ÑËû´«¸øÎҵİü´ò¿ªÑо¿Á˰ëÌì·¢ÏÖ,Ò³Ãæ±àÂë´ÓGB2312±ä³ÉÁËUTF-8,ÆäËû¶¼Ã»ÓÐʲô¸Ä±ä.ÓÚÊÇ»¹ÔΪGB2312,Ò³ÃæÕý³£.ÔÙ½«ÍⲿCSS¸´ÖƵ½Ò³ÃæÄÚ²¿,ͬÑùÕý³£.Ñо¿Ðí¾ÃÕÒ²»µ½ÎÊÌâËùÔÚ,ºöÈ»·¢ÏÖ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»ÊǸüʡʣ¿²»¹ýʹÓÃÕâ ......
IE ä¯ÀÀÆ÷ÖÐ CSS ÌØÐÔµÄ×î´óµÄÎÊÌ⣺»á·´¸´Ö´ÐУ¬Ã¿ÃëÖÓ¿ÉÄÜÖ´ÐÐÁ˳ɰÙÉÏǧ´Î£¬ÓÐÑÏÖØµÄÐÔÄÜÎÊÌâ¡£
ÈçºÎ¶Ô CSS ½øÐÐÓÅ»¯ÄØ£¿
ÖÁÉÙ£ºÈç¹ûÎÒÃǽ« CSS ÔÚÆ¥ÅäµÄÔªËØÖнöÖ´ÐÐÒ»´Î£¬ÐÔÄܽ«»áÌáÉýºÜ´ó¡£
&nb ......