web第二课知识点

平移 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 隐藏