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

css定位的区别：relative,absolute

首先一点需要知道，
每个浏览器都有自己默认的默认样式，为了让页面内容显示在浏览器中所希望的位置，而不是继承默认样式，就需要在body选择器中重新设定margin和padding的属性值。
如下所示：
body
{
 margin:0;
 border:0;
}
其次，练习时用这个例子：
html内容：
<body >
 
  <div id="container1">
       <div id="container2">
       </div>
       <p>
       <-- 这里要多写些字，5行以上吧，-->
       </p>
 </div>
 
</body>
css内容：
body
{
 margin:0;
 border:0;
}
#container1
    {
    width: 400px;
    height:400px;
    margin:10;
    border:1px solid #000;
    background: #592;
    }
#container2
    {
    width: 200px;
    height:200px;
    border:1px solid #000;
    background: #582;
    }
参考这个链接里的讲解：
http://www.pqshow.com/design/htmlcss/200912/12653.html
动手用上面的例子，理解绝对，相对的概念。


相关文档：

一个不错的input输入框的CSS设计

.inputbox {
        padding-left: 2px;
        border-top: 1px solid #9AA587;
        border-right: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #9A ......

5种css写法比较，本文列出5种方法的优缺点

一、使用STYLE属性
    将STYLE属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2;
...}
<td style="color:#c00; font-size:15px; line-height:18px;>
　　八十年代
</td>
 
     这种方法优点：可� ......

CSS兼容IE Firefox大全

IE的问题：
一.双边距问题
浮动元素的外边距会加倍，但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。
解决方法：在此浮动元素增加样式  display:inline;
二.图片产生的间隙
父元素直接包含<img>，这个图片下方会和父元素边缘产生间隙。
解绝方法：1.在源代码中让</div>和<img>在� ......

说说CSS Hack 和向后兼容


人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方 ......
© 2009 ej38.com All Rights Reserved. 关于E健网 | 联系我们 | 站点地图 | 赣ICP备09004571号