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