H5-杂七杂八的标签

1、overflow:设置当内容超出父级的宽高尺寸设置时的处理方式

  a、hidden:隐藏超出部分的内容

  b、auto:如果内容没有超出,就正常显示,如果超出,就隐藏内容并提供滚动条,可以滚动显示超出部分的内容

  c、scroll:始终显示滚动条

  d、overflow-x:功能同上,设置x方向内容溢出的处理方式

  f、overflow-y:同上,是设置y方向的

  (IE6双边距BUG)

2.锚点定位

  <nav>

    <a herf="#name"></a>

  </nav>

  <div class=""><a name=""></a></div>

  使用a链接和一个特定的name名称来指定让页面跳转到指定的位置,跳转之后的锚点位置总是靠着浏览器的顶部,除非是到页面最底部了。

  定义锚点时,如果使用的是a链接,使用name属性来声明锚点名称,如果是其他标签,则用id属性来声明锚点位置。

3、盒阴影:box-shadow:_ _ _ _;(默认是外部阴影)

      box-shadow:inset_ _ _ _;(内部阴影)

    给标签设置阴影效果,默认是外部阴影,可以指定inset参数,设置为内阴影

  box-shadow:h-shadow  v-shadow  blur soread  color  inset;

    h-shadow:阴影的横向偏移量(正向右,负向左)

    v-shadow:阴影纵向偏移量(正向下,负向上)

    blur:阴影羽化半径

    spread:阴影的半径

    color:阴影的颜色

    inset:内阴影

4.透明度

  a、opacity:会让一个标签中的所有内容变的透明

  b、background:rgba(R G B 透明度)

5、br除了具有换行功能外还有清浮动功能,同clear。

6、支持透明图片的格式:GIF png (GIF不支持半透明,只支持全透明)

原文地址:https://www.cnblogs.com/llz1314/p/5727339.html