自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS 中 position 属性详解

HTML 元素的默认值,即没有定位,遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动Fixed定位使元素的位置与文档流无关,因此不占据空间。Fixed定位的元素可以和其他元素重叠。相对定位元素的定位是相对其正常位置。 绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于:sticky 英

2022-06-25 11:12:49 1123 1

原创 CSS 2D动画转换和过度

2.rotate() 旋转 在一个给定度数顺时针旋转的元素。负值是允许的,这样是元素逆时针旋转。 3.scale() 缩放 该元素增加或减少的大小,取决于宽度(X轴)和高度(Y轴)的参数:1为默认大小。 4.skew() 倾斜 倾斜函数,取值是一个度数值。 过渡(transition) 1.transition-property 2.transition-duration 3.transition-delay 注: 此意思为单个属性间隔,如果多个间隔为2s如下: 4.tra

2022-06-24 18:33:08 197

原创 清除浮动方式与原理

当没有指定高度的父元素中的子元素全部都浮动时,父元素中内部高度因为是普通流中的块元素撑起来的,所以这个时候父元素的高度会变成0,或者会有部分浮动元素的位置会超出父元素的高度之外。这种现象,叫做"高度坍塌"。代码: 以上 CSS 代码中,每个列表项元素都设置了float:left,且列表元素没有设置具体高度值,所以就出现了"高度坍塌",效果图如下:​ 简单来说,清除浮动的直接目的就是解决前面所说到的高度坍塌问题。清除浮动的方式主要有以下这些。​ 在浮动元素后使用一个空元素如,并在 CSS 中赋予.属性即可清

2022-06-24 15:09:24 175

转载 Flex布局详解

Flex 布局详解

2022-06-23 15:16:42 155

原创 防抖与节流详解

防抖与节流详解

2022-06-21 20:03:01 1276

空空如也

空空如也

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

TA关注的人

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