一．设计常用尺寸PS设计常用尺寸750x1334，如果使用Sketch建议375*667，如果用的是PS画图标的时候一定要是矢量图，方便后续的修改和切图。二．ios常用屏幕尺寸三．切图1.切图最好都是偶数，要放大看，是否对齐到每个像素的边界，那样就不用担心虚边的问题了。2.切图输出web格式的png24位或jpg，不确定的情况下可以和开发沟通。3.同一模块内
......
484
0
0
2022-05-01
@media媒体类型查询@media 查询根据不同的设备类型和屏幕尺寸设置不同的样式。CSS 语法@media mediatype and|not|only (media feature) {CSS样式;}link语法<link rel="stylesheet" media="mediatype and|not|only (media feature)
......
357
0
0
2022-04-30
最近遇到了一个效果：实现个数不等的中文对齐或等宽，于是整理了一下，包括自己搜索到的以及同事提供的方法。实现方法如下所示：实现方法一：最简单的方法就是用空格：空格：半角空格 半个中文字符  一个中文字符  2字/3字/4字实现效果如下：有时文字之间的距离并不能正好用空格实现，可以采用以下三种方法，其中第二
......
477
0
0
2022-04-30
本人是从事互联网行业的，然后给大家分享一些从事微信运营行业的一些心得干货，这些都是我在上家公司就职时整理出来的，当时是为了工作才搞的，现在想想给公司是挺浪费的，于是，我就把他搞出来给大家借鉴借鉴。微信编辑器哪个好？96微信编辑器：96微信编辑器是一款微信公众平台文章编辑工具，很多微信公众平台的拥有者们经常会发一些图文结合的文章来吸引粉丝的关注，不过这类的文章
......
422
0
0
2022-04-30
做前端的基本都知道 chrome谷歌浏览器下字号一旦小于12px的时候，都会显示12px，这是一个很早就存在的问题了，原因是谷歌是一家很注重用户体验的公司，旗下浏览器chrome也不例外。在他们看来，中文字体一旦小于12px就会影响阅读，所以我们终于知道这不是谷歌的bug，是他们特意为之的。那么有些个别的情况，一定要小于12px，该怎么办呢？有一个方法就是给
......
371
0
0
2022-04-29
作为一个前端工程师，每天都在处理大量的web页面元素，而这些元素中不免包括一些表单元素。输入框和文本款什么的可以很容易的用css对其更改，但是对于radio和checkbox这两个就不是很轻易的指染。我们都知道浏览器自带的单选复选框是一个灰色的方圆，及其的难看。为了满足日常开发需要，做出个性化的单选复选框，给大家推荐个小插件来完善你的页面~iCheck就是这
......
544
0
0
2022-04-28
让你的网站根据用户选择的主题进行调整的能力是一个很棒的辅助功能。你可能已经熟悉媒体查询media query了。它们被广泛地用于使网站具有响应性。width 和 height 属性包含视区的尺寸。然后，你可以使用 CSS 在不同的尺寸下呈现不同的布局。prefers-color-scheme 媒体查询 的工作方式与此相
......
477
0
0
2022-04-28
效果图今天带来的是 12种css3按钮特效 ！点击收藏起来吧！若想要文件版源码，请看评论区！CSS源码:*{
margin:0;
padding:0;
}
html{
background-color: #eaf0f2;
}
.container{
text-align: center;
font:
......
417
0
0
2022-04-27
效果图今天给大家带来的是 CSS3图片翻页动画（10种动画）！丰富一下列位的特效储备库！文件版源码获取，请看评论区！废话不多说，上源码！CSS源码：@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@font-face {
font-family: 'codrops
......
383
0
0
2022-04-27
前端日常难免跟css打交道，面对各种浏览器的兼容写法不胜其烦。而且有些东西并不知道它是不是有兼容性存在，这就很苦恼。不过，要说没有解决办法也不是。来看看这个~一片英文可能不是很好理解，下面简单介绍下：这是一个在线生成css兼容性代码的网站，你只需要把你已经写好了的样式粘贴进来，待生成完兼容性代码后，再复制回你的代码中就可以了。假如我写了这么几行css代码生成
......
313
0
0
2022-04-27
这是初级设计师经常弄混淆的几个概念，下面我以“基本概念，易混淆的点，从问题入手，总结”四个方面来聊一聊 Px，ppi；dot，dpi； sp，dp；pt 那些事儿。本文来自番茄设计匠（公众号）一、px，ppi；dot，dpi； sp，dp；pt 的基本概念1. px：像素1像素实际上是一个颜色点，所以又称像素点。大量不同颜色点组成一张图像，因此图像的基本单位
......
457
0
0
2022-04-25
自适应高度，其实就是设置iframe的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。用户体验更好和网站美观。如果内容是固定的，那么我们可以通过CSS来给它直接定义一个高度。当内容是未知或者是变化的时候。这个时候就得更具子页面的高度来调节iframe的高，使得满足应该户的需求。我们可以给它添加一个默认的CSS的min-height值，然后同时使用
......
340
0
0
2022-04-23
before 和 after其实就是附着在元素前后的伪元素，说他是伪元素的意思就是，元素不是在DOM中生成的，而是在浏览器渲染引擎渲染CSS的时候画上去的，这篇文章主要给大家介绍了关于CSS3中伪元素::before和::after的用法。一、与普通元素一样可以给其添加样式比如说我想在文字前面添加一个图标，如果我用普通元素写的话我可以这样写：但是放个空的 i
......
360
0
0
2022-04-21
前端时间公司有个项目需要用到手机端和电脑端，我负责手机端开发，对于之前用到的UI都不是很合意，变在知乎上看到了有人介绍一款UI，变深入的了解了一下，发现和适合手机端开发应用。这里介绍的就是YDUI Touch，一只注重审美，且性能高效的移动端和微信UIYDUI有两个版本，一种是基于vue.js的，另一版本是js+html+css，开发过程中可以根据自己需求
......
301
0
0
2022-04-21
点击上方蓝字关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！关于CSS命名，有人私问过我，说有时候会出现命名很纠结的情况，class命名感觉就非常乱，有时自己都看不下去了，分不清楚了。其实写出一套优雅的CSS代码也是一个合格的前端开发人员基本的且重要素质。今天，我就来谈谈我平时是怎么命名CSS的。希望对大家有借鉴作用。从四个方面，来总结一下：一、分类处理
......
389
0
0
2022-04-20