当前位置: 代码迷 >> 综合 >> web第二课知识点
  详细解决方案

web第二课知识点

热度:35   发布时间:2024-01-28 06:30:06.0

平移 transform:translate(x,y)

  • transform:translateY(); 移动垂直方向

  • transform:translateX(); 移动水平方向

旋转 transform:rotate(0deg)

  • 正值 顺时针旋转

  • 负值 逆时针旋转

定位 position

  • relative 相对定位

    • 相对自身位置的左上角进行移动;本身位置不释放

  • absolute 绝对定位

    • 相对body的左上角,本身位置释放

注:父相子绝(父级用相对定位,子级用绝对定位)

  • fixed 固定定位

  • 通过left,right,bottom,top属性来控制方向;

  • 层级 z-index 默认值:0 (必须要在定位中使用)

边框线 border

  • border-color 边框线颜色 默认的颜色:黑色

  • border-width 边框线的宽度 默认的宽度:3px

  • border-style 边框线样式

    • solid 实线

    • dashed 虚线

    • dotted 点线

    • double 双实线

  • 边框线属性的简写:

    • border:width color style;

  • 控制单方向的边框线属性

    • border-left 左边框线

    • border-right 右边框线

    • border-top 上边框线

    • border-bottom 下边框线

溢出隐藏 overflow:hidden;

  • hidden 隐藏

  相关解决方案