zoukankan      html  css  js  c++  java
  • CSS重点巩固

    一:position定位

      a: static 定位 ,HTML元素的默认值,即没有定位,元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。

      b: fixed 定位, 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动: 

            脱离文档流,因此不占据空间。

       c:relative定位,  相对其正常位置,

             相对定位元素经常被用来作为绝对定位元素的容器块

      d:absolute定位,相对于最近的已定位的父元素,  若没有,则相对于html。

              最近已定位的父元素,什么叫已定位呢?                                                             待补充!

              脱离文档流,因此不占据空间。

     发现:

    1.当设置position:absolute后,元素脱离文档流,,元素会变为行内块元素!

    2.position:relative声明了,但不指定偏移!    理解加深!                   待补充

    3.浮动布局和精确布局的混合使用   float的深刻理解!                                 待补充

    二  float布局

       1.浮动元素之后的元素将围绕它,浮动元素之前的元素将不会受到影响。

    三:漏洞

             vertical-align 

             line-height

             touch-action: manipulation    

            -webkit-user-select: none;

             background-image: none;

            -webkit-appearance: button;   

             text-transform: none;

             overflow: visible;

             css这些单位的选择上   百分比  单词  数字px  em

     

    tips:   

    1.学习要自己在实践中去验证。

  • 相关阅读:
    问题解决:System.TypeLoadException: 未能从程序集“XXX”中加载类型“XXX
    域名格式验证
    .NET 中String 和StringBuilder 以及他们的区别
    mysql 重设管理员密码 或忘记管理员密码 (必杀)
    CMD 命令
    C# 给多线程传参的三种方式
    django 表单数据的验证实现原理
    django上传文件
    django signal
    Django如何处理语言偏好(根据此可以设置中文)
  • 原文地址:https://www.cnblogs.com/njqa/p/5642381.html
Copyright © 2011-2022 走看看