![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 70
有趣的万里挑一
这个作者很懒,什么都没留下…
展开
-
CSS像素、设备独立像素、设备像素之间关系
CSS像素、设备独立像素、设备像素之间关系CSS像素、设备独立像素、设备像素,三者联系紧密又有很大的区别,而我们主要是在做移动端开发的时候需要更多地用到这些概念,那他们分别是指什么呢?概念CSS像素(CSS Pixel):适用于web编程,指的是我们在样式代码中使用到的逻辑像素,是一个抽象概念,实际并不存在设备独立像素(Device Independent Pixel):与设备无关的逻辑像素,代表可以通过程序控制使用的虚拟像素,是一个总体概念,包括了CSS像素设备像素(Device Pixel):转载 2021-11-11 11:48:42 · 876 阅读 · 1 评论 -
css干货第1篇(含项目经验)
1.img是单标签,所以写 <img src={logo} alt="logo"> </img>会报错,改成 <img src={logo} alt='logo'/>2.margin里面不能加逗号,假如是margin: 50px auto;表示上下间距50px,左右是自动3.为什么你写的height:100%不起作用?主要是父级元素有height,你的100%才能有作用,你的百分之多少是基于父亲的,比如你的父亲只有100块钱,你的80%就是80块钱,你的父原创 2021-02-16 20:31:32 · 97 阅读 · 0 评论 -
简单了解background-origin
background-origin相对于内容框来定位背景图像这句话很笼统,举个例子,下面的代码,background-position是 10px 10px,意思是距离左边10px,上边10px,那应该是距离这个容器的border,还是padding,还是content10px呢,所以background-origin有三个值padding-box 背景图像相对于内边距框来定位。border-box 背景图像相对于边框盒来定位。content-box 背景图像相对于内容框来定位。这里还有一个原创 2021-01-05 11:07:51 · 2245 阅读 · 0 评论 -
手写轮播图,原生Js实现轮播效果 效果
手写轮播图,原生Js实现轮播效果效果废话不多说~ 直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./lunbo.css"原创 2020-09-25 11:56:52 · 209 阅读 · 0 评论