希望收藏了我写的文章的你同时可以关注一下“小海前端”,因为这些文章都是连载的,并且是经过我系统的归纳过的。【技术等级】初级【承接文章】《在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