zoukankan      html  css  js  c++  java
  • 笔记《精通css》第3章 盒模型,定位,浮动,清理

    第3章    盒模型,定位,浮动,清理

    1.盒模型用到的属性width,height,padding,border,margin

    普通文档流的上下垂直margin会叠加

    2.块级框 与 行内框, 利用display属性来改变特性,display:block,display:inlne-block

    3. 3种基本的定位机制:普通流,绝对定位,浮动

    4.相对定位

    是普通流定位的一部分,与文档流相关,根据自身原先的位置进行移动

    无论是否移动都占据原来空间position:relative

    设置top,right,bottom,left的属性值进行移动

    5.绝对定位

    不占空间与文档流无关,

    根据距离最近的已定位的祖先元素进行定位position:absolute

    text-align:top / right / bottom / left

    固定定位

    是绝对定位的一种position:fixed

    差异是包含块是视口

    6.浮动float

    清理(p51)

    float:left

    float:riagt

    clear:both / left /right / none(不允许两边/不允许左边/不允许右边/允许两边)

    <br class="clear"/>

  • 相关阅读:
    正则表达式收藏
    c#mvc实现登录
    jQuery获取URL中的参数
    TortoiseSVN新人使用指南
    CheckBox获取一组及全选
    day45
    day44
    day43
    day43
    day42
  • 原文地址:https://www.cnblogs.com/luxiaoli/p/7880981.html
Copyright © 2011-2022 走看看