zoukankan      html  css  js  c++  java
  • css注意事项

    一、浮动

    float:left、right、none、inherit

    浮动:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。

    clear:left、right、both、none、inherit  元素在某个方向上不能有浮动元素

    clear:both 表示在左右两侧均不允许浮动元素

    二、浮动的特征:

    1.元素变成inline-block,在一排显示,支持设置宽高,默认内容撑开宽度

    层2.脱离文档流

    3.提升层级半层

    三、伪类清除浮动的方法:

    浮动元素的父标签:

    .clearfix{ *zoom:1;}   zoom缩放触发ie下的haslayout,使元素根据自身内容计算宽高

    .clearfix:after{ content: ""; display: block; clear: both;}

    after伪类: 元素内部末尾添加内容;

      :after{content"添加的内容";} IE6,7下不兼容

    例如:

    四、overflow清除浮动的方法

    浮动元素的父标签 :overflow: hidden;

    问题:需要给浮动元素设置宽度和高度或zoom兼容ie6、ie7。

    标准 不透明度:  opacity:0~1;

    IE 滤镜:           filter:alpha(opacity=0~100); 

  • 相关阅读:
    RequireJS进阶(二)
    JavaScript判断元素为数字的奇异写法
    RequireJS进阶(三)
    RequireJS进阶(一)
    读Ext之十四(Ext元素)
    JavaScript中__proto__与prototype的关系
    工作流术语
    一个例子(Hello World)
    无题
    再谈调用子流程(1)
  • 原文地址:https://www.cnblogs.com/tiffany-my/p/6862244.html
Copyright © 2011-2022 走看看