zoukankan      html  css  js  c++  java
  • css(四)-- 盒子模型和定位

    盒子模型: 盒子模型就是把一个html边框比作成了一个盒子的边框,盒子模型要做用于操作数据与边框之间的距离或者 是边框与边框之间的距离。

    盒子模型主要是用于操作内边距(padding)与外边距(margin)

    盒子模型的示意图如下:

    css的定位:使用方式:   
        
        相对定位: 相对定位是相对于元素原本的位置进行移动的。

      position:relative;
     
        绝对定位: 绝对定位是相对于整个页面而言。
            position:absolute;
            top:200px;
            left:380px;
            
        固定定位:
            position:fixed; /* 固定定位: 固定定位是相对于整个浏览器而已的。
            top:380px;
            left:1000px;

    代码示例

    1 .two{
    2         background-color:#0F0;
    3         position:relative; /* 相对定位,对于当前位置 */
    4         top:10px;
    5         left:10px;
    6         
    7     }
  • 相关阅读:
    结构型模式上
    创建型模式下
    创建型模式中
    创建型模式上
    设计模式总述
    Java中事件机制
    UI常用控件
    UITextField和UIViewConteoller
    UIScrollView 和 UIPageControl
    分栏视图控制器
  • 原文地址:https://www.cnblogs.com/nicker/p/6287575.html
Copyright © 2011-2022 走看看