css
工作过程中遇到的css问题集锦。
酱酱酱酱将
这个作者很懒,什么都没留下…
展开
-
多行文本省略
设置如何处理元素内的空白。:处理自动换行的方式。原创 2022-11-08 20:51:19 · 303 阅读 · 0 评论 -
hover下拉菜单
【代码】hover下拉。原创 2022-10-10 22:32:12 · 342 阅读 · 0 评论 -
scroll事件不生效
高度不能100%(高度必须超过容器高度)原创 2022-10-08 21:03:26 · 460 阅读 · 0 评论 -
position属性
1.static默认属性,即没有定位,元素出现在正常的流中。因此这种定位就不会受到top、bottom、left、right的影响。2.fixed(脱离文档流)fixed定位是指元素的位置相对于浏览器窗口是固定位置。( fixed定位在IE7和IE8下需要描述!DOCTYPE才能支持)3.relative相对自身本来的位置。并且其元素移动后原来占据的位置仍然存在,并不影响其他元素。4.absolute(脱离文档流)相对设置了非static属性的父级元素,若无,则相对于body原创 2022-05-17 21:32:22 · 185 阅读 · 0 评论 -
scrollTop
scrollTop:代表在有滚动条时,滚动条向下滚动的距离也就是元素顶部被遮住部分的高度。在没有滚动条时scrollTop==0恒成立。offsetTop: 当前元素顶部距离最近父元素顶部的距离,和有没有滚动条没有关系。单位px,只读元素。clientHeight:视野可见的内容和内边距,不包括x轴的滚动条高度、边框、外边距;offsetHeight:在clientHeight的基础上, 加上边框和滚动条的高度;scrollHeight:所有的内容(包括肉眼看不见、溢出、被窗口遮挡的部分;原创 2022-10-18 20:06:48 · 472 阅读 · 0 评论 -
快速获取元素位置
它返回一个对象,其中包含了left、right、top、bottom四个属性,分别对应了该元素的左上角和右下角相对于浏览器窗口(viewport)左上角的距离。原创 2022-10-08 20:52:28 · 63 阅读 · 0 评论 -
transform、transition、animation
transform: scale(x轴缩放倍数,y轴缩放倍数);一般情况下,只为scale设置一个值,表示x轴和ye轴等比例缩放 transform:scale(缩放倍数) scale值大于1 表示放大 scale值小于1 表示缩小。animation: 动画名称 动画时长 速度曲线 延迟时间 重复次数 动画方向 执行完毕时的状态。如果有2个时间值 第一个时间表示动画时长 第二个时间表示延迟时间。2:使用动画 animation:动画名称 动画花费时长;动画名称和动画时长必须赋值。onload 函数中。原创 2022-11-01 20:56:40 · 249 阅读 · 0 评论 -
元素上下左右居中
1.margin-top(需要给父元素添加padding/border/overflow防止父元素一起被带下来);在父元素上text-algin:center和margin:0 auto;可分别设置子元素为inline和block元素。3. 1)首先需要将父元素样式设置position:relative;2)将子元素样式设置position:absolute;子元素为inline则设置text-height和父元素一样高;万能:子元素使用子元素使用绝对定位;原创 2022-09-21 21:32:32 · 123 阅读 · 0 评论