- 博客(5)
- 收藏
- 关注
原创 CSS 中 position 属性详解
HTML 元素的默认值,即没有定位,遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动Fixed定位使元素的位置与文档流无关,因此不占据空间。Fixed定位的元素可以和其他元素重叠。相对定位元素的定位是相对其正常位置。绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于:sticky 英
2022-06-25 11:12:49
1190
原创 CSS 2D动画转换和过度
2.rotate() 旋转在一个给定度数顺时针旋转的元素。负值是允许的,这样是元素逆时针旋转。3.scale() 缩放该元素增加或减少的大小,取决于宽度(X轴)和高度(Y轴)的参数:1为默认大小。4.skew() 倾斜倾斜函数,取值是一个度数值。过渡(transition)1.transition-property2.transition-duration3.transition-delay注: 此意思为单个属性间隔,如果多个间隔为2s如下:4.tra
2022-06-24 18:33:08
228
原创 清除浮动方式与原理
当没有指定高度的父元素中的子元素全部都浮动时,父元素中内部高度因为是普通流中的块元素撑起来的,所以这个时候父元素的高度会变成0,或者会有部分浮动元素的位置会超出父元素的高度之外。这种现象,叫做"高度坍塌"。代码:以上 CSS 代码中,每个列表项元素都设置了float:left,且列表元素没有设置具体高度值,所以就出现了"高度坍塌",效果图如下: 简单来说,清除浮动的直接目的就是解决前面所说到的高度坍塌问题。清除浮动的方式主要有以下这些。 在浮动元素后使用一个空元素如,并在 CSS 中赋予.属性即可清
2022-06-24 15:09:24
208
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人