易截截图软件、单文件、免安装、纯绿色、仅160KB

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>


相关文档:

JS和CSS属性对照表


盒子标签和属性对照
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 ......

css自动使用样式

文字自动使用样式
.inputText{
border:1px solid #7898b8;
height:20px;
padding-left:2px;
line-height:20px;
background-image:url(images\\inputtext_bg.gif);
background-repeat:repeat-x;
color:#339900;
}
.inputText是 字体自动设置样式的名称
各种控件自动套用样式
比如table,td
table{border-colla ......

css例子

/*
*创建人:蔺宜忠
*用途:学习css,应用于新闻系统
*/
*
{
    /*把默认值设置为0*/
    margin: 0;
    padding: 0;
    border-width: 0;
}
body
{
    font-size: 14px;
}
a:link,a:visited
{
    /*鼠 ......

CSDN中自定义css的使用

可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的,整个页面主要由三个div组成,它们的id分别是:
csdnblog_header, csdnblog_sidebar, csdnblog_content。
所以,定义它们的主体样式可以这样:
#csdnblog_header
{
    //头部的风格
}
# ......

CSS代码中的“clear:both;”失效了

我最近在模仿博客园,制作一个个人博客,突然发现Footer部分浮动到了Content部分,我在Footer部分已经加了一句“clear:both;”,为什么还会出现这个问题。Footer部分的CSS代码如下: /*页面底部*/
#Footer {width:100%;height:70px;margin:0 auto;clear:both;} /*如果加了clear:both; 此部分就不会浮动了*/ ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号