zoukankan      html  css  js  c++  java
  • 定位及部分属性

    一、Position定位:

    1. Relative:相对定位,定位之后原始位置保留,新位置不占位,相对于自己定位。
    2. Absolute:绝对定位,相对最近的父级定位定位,不占位置。
    3. Fixed:固定定位,相对于视窗(body)定位。

    注意:定位后会使用:top、left、right、bottom。且定位后四个方向决定位置(两个就足够,水平和垂直各选一个。)定位建议必要时再使用以免出现不必要的麻烦。

    定位或者浮动之后都会脱离普通流,这时就要涉及到层级,设置z-index属性即可。

    二、C3特性居中不知宽高的嵌套盒子:

      使用定位,先使图片移动宽、高各移动50%,定位后使用transform属性,值为translate(各移动嵌套内盒子的-50%),即可居中。

    三、C3transform:

      (1) Rotate:翻转。

      (2) Translate:平移。(translatex/translatey)

      (3) Scale:放大。

      (4) Skew() 方法,元素翻转给定的角度,根据给定的水平线(X 轴)和垂直线(Y 轴)参数:

    四、部分属性:

    1. background-position: 0 -28px;(背景图定位)
    2. text-align: center;(文本居中,也适用于父级元素设置本属性居中行内块子元素)
    3. Outline (轮廓);
    4. Outline-color
    5. Outline-style
    6. Border:none;(取消边框所有设置)
  • 相关阅读:
    net应用程序池自动关闭的解决方法
    asp.net 多个txt压缩导出下载
    asp.net 对象转XML,XML转对象
    asp.net Cache缓存的用法
    oracle 增加大字段项
    asp.net简繁体转换
    asp.net 根据连接地址保存文件,图片
    SpringSide从系统全局里面取值
    SpringSide dml操作
    一张表里面形成的树,固定初始化数据
  • 原文地址:https://www.cnblogs.com/shangXR/p/9481575.html
Copyright © 2011-2022 走看看