css
weixin_47212352
这个作者很懒,什么都没留下…
展开
-
精灵图(雪碧图)
精灵图主要针对小的背景图片使用 主要借助于背景位置来实现 一般情况下精灵图都是负值 使用方法: 在ps中利用切片工具确定图片位置和大小,设置一个和需要的小背景图片大小相同的图片,然后设置背景图片,背景位置信息。这里需要注意图片位置通常为负值。 .box{ width:60px; height:60px; background:url(images/img.png); background-position:-18px 0; //这里-18px的意思是图片向左移动18px } ...原创 2021-10-14 10:09:58 · 68 阅读 · 0 评论 -
单行溢出怎么显示省略号
单行文本溢出显示省略号–必须满足三个条件 //1、先强制一行内显示文本 white-space:nowrap;(默认normal自动换行) //2、超出的部分隐藏 overflow:hidden; //3、文字超出部分用省略号显示 text-overflow:ellipsis; 多行文本溢出显示省略号 多行文本溢出显示省略号,有较大的兼容性问题,适合于webKit浏览器或者移动端。 overflow:hidden; text-overflow:ellipsis; //弹性伸缩盒子模型显示 display:原创 2021-07-01 16:06:19 · 253 阅读 · 0 评论 -
CSS中position属性介绍
CSS中position属性介绍(新增sticky)1、position:static2、position:relative3、position:absolute4、position:fixed5、position:inherit6、position:sticky 1、position:static static(没有定位)是position的默认值,元素处于正常的文档流中。会忽略left、top、right、bottem和z-index属性 2、position:relative 给元素设置相对于原来文本转载 2021-07-01 15:39:00 · 79 阅读 · 0 评论