文章浏览阅读339次。目录1.精灵图1.1为什么需要精灵图1.2精灵图(sprites)的使用1.3精灵图使用案例2.字体图标2.1字体图标的产生2.2字体图标的优点2.3字体图标的下载2.4字体图标的引用(以icomoon为例)2.5字体图标的追加(以icomoon......
2023-11-12 18:38 阅读 阅读全文文章浏览阅读1k次。CSS高级技巧目录1、精灵图使用原因:一个网页往往会有很多小的背景图片作为装饰,为了有效减少接收和发送请求的次数,提供页面加载速度,所以出现了精灵技术。核心原理就是将小图片整合到一张图里,......
2023-11-12 18:38 阅读 阅读全文IE浏览器低版本下border-radius等部分CSS样式不生效的完美解决方案已经好久困于这个问题了,在谷歌浏览器里完美运行的页面移到IE低版本里,立刻丑陋无比,宛若狗啃今天实在没招了,客户就是要在IE里显示美观的页面没招就去......
2023-10-13 20:43 阅读 阅读全文1、CSS三角网页中常见一些三角形,使用 CSS 直接画出来就可以,不必做成图片或者字体图标。div { width: 0; height: 0; border-top: 20px solid pink; border-right: 20px solid red; border-bottom: 20px solid blue; border-......
2023-10-13 20:56 阅读 阅读全文文章浏览阅读185次。1. 精灵图1.1 为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度......
2023-11-12 18:38 阅读 阅读全文文章浏览阅读582次。使用课程是黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili目录一、精灵图1、为什么需要精灵图2、精灵图( sprites )的使用 二、字体图标1、字体图标的产生2、......
2023-11-12 18:38 阅读 阅读全文文章浏览阅读242次。文章目录精灵图为什么需要精灵图?精灵图的使用精灵图课堂案例用精灵图拼出自己的名字字体图标字体图标的下载字体图标的引入字体图标的追加css三角(用边框border制作)案例:京东三角css用户界面样式......
2023-11-12 18:38 阅读 阅读全文文章浏览阅读2.8k次,点赞3次,收藏4次。操作元素JavaScript的DOM操作可以改变网页内容、结构和样式,我们可以利用DOM操作元素来改变元素里面的内容、属性等。注意以下都是属性改变元素内容element.innerText从起始位置到终止位置......
2024-01-24 18:59 阅读 阅读全文