zoukankan      html  css  js  c++  java
  • 盒子模型

    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;
  • 相关阅读:
    面向对象知识点总结
    并发编程知识点汇总
    网络编程知识点(一)
    常用模块(自己总结,不全)
    Bootstrap学习笔记(九) 进度条
    Bootstrap学习笔记(八) 导航栏&分页
    Bootstrap学习笔记(七) 输入框组
    Bootstrap学习笔记(六) 按钮组
    Bootstrap学习笔记(五) 下拉菜单
    Bootstrap学习笔记(四) 字体图标
  • 原文地址:https://www.cnblogs.com/programerHuan/p/4772583.html
Copyright © 2011-2022 走看看