盒子模型

1.如果在某个文件中有导入的动作,其路径默认是基于当前的文件的录井的,比如,如果在my.css的文档下,将位于images/my.png文件导入,则需要在url中如下写: ../images/my.png。
2.在HTML是盒子模型:
然而在许多的标签是有默认的margin以及padding值的,为了处理这些问题,我们可以有以下方法去解决:
    a.在开始用通配符说明:
        *{
            margin:0px;
            padding:0px;
        }
但是如今因为浏览器改版,并且使用通配符会占用较多资源,所以这种方法已经被抛弃。
    b.在所用到的标签声明
    body,p,div{
    margin:0px;
    padding:0px;    
}
作为ID选择器,命名是唯一的。常使用在样式里面,或者在form表单和label标签使用的时候需要使用ID来绑定
如果是在a标签里面用于指向指定的地方,那么可以使用name 属性来代替id,但是如果ID和name属性同时使用则需要两者相同。
3.为了打破每个块独立另起一行的特点,可以在前面一个块定义一个float:(left|right);然后如果要计算块与块之间的距离,若是左右相邻,则margin相加,若是上下相邻,取最大者(未浮动若浮动,仍旧相加)。
4.IE6下双倍margin的bug
1.元素浮动2.元素具有横向的margin3.元素必须是块元素。4.浏览器必须是IE6
解决方法:_display:inline;
posted @ 2015-08-31 11:09  程序猿欢  阅读(387)  评论(0编辑  收藏  举报