zoukankan      html  css  js  c++  java
  • 格式布局

    一、审查元素中stytle样式从内到外:

     100x100(内容)-padding(不用管)-border(表格边框)-margin(表外边框/边距)

      默认margin=10;

    二、-------div嵌套

      <div id="a">a<div id="aa">aa</div></div>

      ------a占一行,aa占一行

      <div id="a">a</div>
      <div id="aa">aa</div>

    三、position:fixed;------相对于浏览器的位置进行锁定。

      position:absolute;-------只有在有父级并且父级里头有position属性时才会相对父级坐标定位。其他时候都是相对浏览器定位。

      position:relative;------不会。

    四、分层

      z-index;

      在z轴方向分层,可以理解为分成一摞纸,层数越高越靠上。

      在不设分层时,默认后写的代码覆盖先写的代码。

    五、流式布局------网页广告

      float:left,right;//浮动

    六、1.overflow:hidden; //超出部分隐藏;

       overflow:scroll; //超出部分显示出滚动条;

       overflow:visible;

      2.半透明效果:

      <div class="box">透明区域<div>

      在样式表中的代码为:

      .box

      {

      opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)

      }

  • 相关阅读:
    struts2 s:if 的字符串比较问题
    struts2 标签
    servlet filter
    div滚动与控制
    页面定位
    linux下编译利用CMakeLists.txt 编译C++写的opencv程序
    yolo image.c
    强制杀进程
    PDB GDB 调试代码
    YOLOv3的Darknet在OpenCV3.4.1(bug)下编译出错填坑
  • 原文地址:https://www.cnblogs.com/jinshui/p/5465035.html
Copyright © 2011-2022 走看看