希望收藏了我写的文章的你同时可以关注一下“小海前端”，因为这些文章都是连载的，并且是经过我系统的归纳过的。【技术等级】初级【承接文章】《在CSS中使用background属性，调整页面和块背景，系统讲解背景属性》本文承接上一篇文章中所讲到的background属性，通过几个简单实用的小例子，学些背景效果的各种实现方式。本文属于前端开发的初级教程，适合于刚刚开
......
385
0
0
2022-05-05
这是初级设计师经常弄混淆的几个概念，下面我以“基本概念，易混淆的点，从问题入手，总结”四个方面来聊一聊 Px，ppi；dot，dpi； sp，dp；pt 那些事儿。本文来自番茄设计匠（公众号）一、px，ppi；dot，dpi； sp，dp；pt 的基本概念1. px：像素1像素实际上是一个颜色点，所以又称像素点。大量不同颜色点组成一张图像，因此图像的基本单位
......
448
0
0
2022-04-25
自适应高度，其实就是设置iframe的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。用户体验更好和网站美观。如果内容是固定的，那么我们可以通过CSS来给它直接定义一个高度。当内容是未知或者是变化的时候。这个时候就得更具子页面的高度来调节iframe的高，使得满足应该户的需求。我们可以给它添加一个默认的CSS的min-height值，然后同时使用
......
330
0
0
2022-04-23
点击上方蓝字关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！关于CSS命名，有人私问过我，说有时候会出现命名很纠结的情况，class命名感觉就非常乱，有时自己都看不下去了，分不清楚了。其实写出一套优雅的CSS代码也是一个合格的前端开发人员基本的且重要素质。今天，我就来谈谈我平时是怎么命名CSS的。希望对大家有借鉴作用。从四个方面，来总结一下：一、分类处理
......
379
0
0
2022-04-20
为什么要了解CSS样式优先级？因为我们在设置CSS样式时候，有时候可能会重叠样式，此时，HTML元素应该选择哪个CSS样式呢？案例按照我们平时的习惯，理所应当的认为写在后面的样式会覆盖前面的样式，那么我们调整一下div和.demo的位置顺序我们可以发现，及时调整了 先后顺序，HTML元素依旧使用.demo的样式。因此我们需要了解css的优先级，方便我们修复B
......
340
0
0
2022-04-14
前端就是一个大杂烩，做为前端工程师需要掌握的知识点太多了。各种长度单位需要我们去了解除了这些还有印刷单位 pt pc pt cm mm in....毫无疑问现在统治前端的长度单位还是px, 一个相遇对于屏幕分辨率的像素单位。px: 全称pixel（像素）是图像的基本采样单位，它不是一个确定的物理量，也不是一个具体的点或者小方块（虽然可以用点和小方块来呈现），
......
558
0
0
2022-04-12
1.CSS样式初始化不同的浏览器对有些HTML标签属性的默认值是不同的，为消除这种差异，需要对CSS进行初始化，即通过设置样式及其属性值，替代浏览器默认的属性值。2.京东首页CSS初始化（1）CSS初始化样式引入方式采用引入外部样式表的方式进行CSS初始化（2）相关代码解读/* 京东CSS初始化 */
/* *为通配符，表示html所有标签 */
*
......
499
0
0
2022-03-27
前言最近在写移动端 H5 应用，遇到一个值得记录下来的点。现在从它的由来到实现，我们来聊一下移动端 1px，说 1px 不够准确，应该说成 1 物理像素。通过阅读下面文章，你将会理解以下问题：问题为什么有 1px 这个问题？实现 1px 有哪些方法？这些方法分别有哪些优缺点？开源项目中使用的哪些解决方案？如何在项目中处理 1px 的相关问题？由来基本概念首先
......
301
0
0
2022-03-27
关于Transform变形属性大家都不陌生吧，可以通过此属性实现元素的位移translate(x,y)，缩放scale(x,y)，2d旋转rotate(angle)，3d旋转rotate3d(angle),倾斜变换skew(x-angle,y-angle)等，你也许已经很熟悉了这些属性，或许你也会有这样的困惑，这些属性在实际项目中如何应用呢？今天的文章，笔者
......
374
0
0
2022-03-27