码迷,mamicode.com
首页 > 其他好文 > 详细

盒子模型

时间:2015-08-31 11:48:21      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:

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;

盒子模型

标签:

原文地址:http://www.cnblogs.com/programerHuan/p/4772583.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!