在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在retina屏机型中，1px会比较粗，即经典的移动端1px像素问题。

最近在看各大厂的面试题时发现大多数都在考察css基础时都喜欢让面试者用纯CSS实现三角形、圆形等各种图形，因此写下这篇笔记记录一下 纯CSS实现三角形 border 先来看看当宽高为0，bord

使用 Flexible 实现手淘 H5 页面的终端适配

display 属性规定元素应该生成的框的类型。 其中我们在前端开发中比较常用的属性值一般是none、block、inline、inline-block。我将按顺序为这些属性值一一讲解。 将元素与其子元素从普通文档流中移除。这时文档的渲染就像元素从来没有存在过一样，也就是说它所…

这是我参与11月更文挑战的第14天，活动详情查看：2021最后一次更文挑战 什么是单行文本居中，多行文本左对齐？ 实现方法 实现方式1：相对定位 + transform + inline-block

这是我参与11月更文挑战的第18天，活动详情查看：2021最后一次更文挑战 Flex布局的出现？ 在阮一峰老师的文章中（Flex 布局教程：语法篇 - 阮一峰的网络日志）提到了，Flex布局是在什么背

flex布局适用于子元素是行内元素、行内块元素、块元素，适用性比较广。 该方法也适用于子元素是行内元素、行内块元素、块元素，适用性比较广。 这是因为 position: absolute; 和 float 属性会隐式地改变元素的 display 类型（display: none…

Data URL 是一种 URI 方案，它提供了一种在 HTML 文档中内联数据的方法。 假设你想嵌入一个小图像。您可以按照通常的方式，将其上传到文件夹，并使用 img 标签使浏览器从网络中引用它：

本文解决两个痛点：1.伪类和伪元素傻傻分不清楚的问题，2. 太多伪类和伪元素导致我裂开的问题~~快来看看吧~