易截截图软件、单文件、免安装、纯绿色、仅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
动手用上面的例子,理解绝对,相对的概念。


相关文档:

div+css实现页面局部打印

CSS实现局部打印
关键字: css实现局部打印
        在实现打印预览的时候,可以采用JS来完成这一功能,但这样会让所有在页面上的部分都答应出来,包括像“打印预览”这样的按钮也会打印,这样的情况,可以采用CSS来完成局部答应的功能。
     & ......

CSS FireFox and IE 换行问题解决方案

/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;}
css强制不换行
div{white-space:nowrap;}
css自动换行
div{ word-wrap: break-word; word-break: normal; }
css强制英文单词断行
div{word-break:break-all;}
大家都知道连续的英文或数字会把DIV ......

html css 表格边框

<html>
<head>
<mce:style type = "text/css"><!--
table
{
border-collapse:collapse;
}
td
{
border:solid 1px black;
}

--></mce:style><style type = "text/css" mce_bogus="1">table
{
border-collapse:collapse;
}
td
......

FireFox与IE中CSS兼容技集锦

1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,
但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针
对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。
现在写一个CSS可以这样:
#1 { color: #33 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号