自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 关于 transform 2D转换

transform: scale(1,1);缩放 第一个值 x轴 第二个对应y轴transform: rotate(*deg);翻转角度 必须带(deg) 角度 可以单独设置x或y轴时,不能设置两个 会执行第二个值transform: skew(**deg,**deg);倾斜 向x轴倾斜 或向y轴倾斜transform: matrix(*,*,*,*,*,*);第一第二个值为x轴与y轴的百分比缩放 水平偏移距离, 垂直偏移距离transform-origin - 变换原点.

2022-03-06 11:31:43 185

原创 关于定位的几种用法

1.relative 相对定位 ,相对自身原来位置,原有空间保留,不会被挤占。宽度为父元素宽度,且宽度会撑大/缩小父元素宽度2.fixed 固定定位,实现某个元素在可视窗口的居中位置显示    1)给自身设置宽高;    2)给自身加position:fixed;    3)用margin向左移动自身宽度的一半,向上移动自身高度的一半;3.absolute 绝对定位 脱离文档流 寻找父级是否有相对定位如果有 根据父级定位 如果没有找到会忘记父级的父级寻找直到浏览器才会根据浏览..

2022-02-27 19:20:17 620

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除