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

常用Css样式

/*标题元素*/
h1,h2,h3,h4,h5,h6 {
  color: green;
  }
/*父元素继承*/
body {
     font-family: Verdana, sans-serif;
     }
/*id 选择器*/
#red {color:red;}
/*id 选择器和派生选择器*/
#red p {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
/*类选择器*/
.center {text-align: center}
/*属性*/
/*背景*/
background-color: gray;
background-image:url(../image/topmiddle.jpg);
background-repeat:no-repeat;
/*文字*/
text-align:left;
font-size:11px;
font-family:黑体;
line-height:25px;*行间距*/
text-indent:16px;/*文字缩近*/
letter-spacing ;/*文字之间的间隔*/
word-spacing ;/*单词之间的间隔*/
/*外边距*/
margin-top:5px;
/*内边距*/
padding-bottom:30px;
/*边框*/
border-color:#e1e0e0;
  border-style:solid;
  border-width:0px 1px 1px 1px;
/*浮动*/
float: left;
/*绝对定位*/
#box_relative {
  position: absolute;
  left: 30px;
  top: 20px;
}
/*相对定位*/
#box_relative {
  position: relative;
  left: 30px;
  top: 20px;
}


相关文档:

firefox与IE对javascript和CSS的区别

1. document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];
Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可 ......

如何使CSS渲染更高效

我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢,浏览器渲染的速度又如何呢?
这是应该是浏览器开发者应该关心的(页面加载更快,用户就会更愉快)。Mozilla有一篇文章:about best practices . Google当然也很关心这个问题,他们也有这样一篇文章:Optimize browser rendering 。
让我们了解下他们主要倡 ......

自定义CSDN博客CSS样式


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

ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法

在网站设计的时候,应该注意css样式兼容不同浏览器的问题,特别是对完全使用DIV CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网页可能会和你理想的效果相去十万八千里!海量权威开发资料。
所有浏览器 通用
height: 100px; 
IE6 专用
_height: 100px;
IE6 专用
*height: 100px;  ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号