CSS
空 白
仅仅是万千世界当中的一员,也没那么闪亮
展开
-
如何制作精灵图?——别再花积分去买资源了
css Sprites精灵图制作。加快网页加载速度浏览器接受的同时请求数是10个,如果图片过多会影响整体的视觉效果,而且对于不稳定的网络带宽,加载起来更是噩梦,所以把图片拼接为一张大图,从而加快加载速度,以及加速页面渲染,后期维护简单推荐一些制作精灵图的方式CSS Sprites Generator——生成精灵图 工具网站直接有现成的开搞。精灵图自动检测工具...原创 2021-09-18 15:29:33 · 578 阅读 · 0 评论 -
CSS属性选择器
属性选择器[属性名] 表示选取含有指定属性的元素p[name]{ font-size="28px";}[属性名=“属性值”] 表示选取属性等于指定属性值的元素p[name="jack"]{ font-size="20px";}[属性名~=“属性值”] 表示用于选取属性值中包含指定词汇的元素。p[title~="name"]{ color=red;}[属性名|=...原创 2020-03-06 20:52:01 · 2421 阅读 · 2 评论 -
移动端的区域滚动——iScroll
iScroll简介iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能。给它一个扫帚它甚至能帮你打扫办公室。即使平台本身提供的滚动已经很不错,iScroll可以在此基础上提供更原创 2020-08-05 14:52:48 · 487 阅读 · 0 评论 -
背景的裁剪和快速定位
background-origin语法background-origin: padding-box|border-box|content-box;值描述padding-box背景图像填充框的相对位置border-box背景图像边界框的相对位置content-box背景图像的相对位置的内容框现在让我们回到background-origin这个属性上来,它的三个值就好理解了。在CSS中页面的渲染性格是由页面左上角开始的,那么border-box就是把背景原创 2020-08-05 10:45:22 · 246 阅读 · 0 评论 -
图片下间隙要怎么处理
图片下间隙<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div> <img src="../images/l1.jpg" alt="">gjiaz </div></原创 2020-08-03 11:27:19 · 280 阅读 · 0 评论 -
移动开发之双飞翼布局
双飞翼布局双飞翼的主要核心就是"翼"示例实现此类布局页面: <!-- 主要版心 --> <div class="big-box"> <!-- 头部 --> <header class="double_search"> <!-- 加一个容器 --> <div class="double-search-box">原创 2020-08-02 18:18:40 · 174 阅读 · 0 评论