例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;例2（淘宝技术研发中心）： font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;例3（加网 ）： font: 14px/1.5 'Microsoft YaHei',
......
490
0
0
2022-03-27
1. 查看元素伪类 css 样式例如我想查看元素触发 hover 时的 css 样式。先选中该元素，然后按下图操作：2. 临时增删元素 class3. document.body.contentEditable="true"在控制台输入 document.body.contentEditable="true"，就可以对页面直接进行编辑。4. 查看 place
......
263
0
0
2022-03-27
前言最近在写移动端 H5 应用，遇到一个值得记录下来的点。现在从它的由来到实现，我们来聊一下移动端 1px，说 1px 不够准确，应该说成 1 物理像素。通过阅读下面文章，你将会理解以下问题：问题为什么有 1px 这个问题？实现 1px 有哪些方法？这些方法分别有哪些优缺点？开源项目中使用的哪些解决方案？如何在项目中处理 1px 的相关问题？由来基本概念首先
......
215
0
0
2022-03-27
本人一开始是做移动端原生开发的程序员一枚。现在原生开发实在是不咋景气，公司现在的项目基本上都是前端的项目，所以现在被调到前端，从小白一枚的角度出发分享一部分项目开发过程中用的比较多的知识吧，今天先学习一个flex布局，这个在项目中用到的实在太多了。一、介绍什么叫做弹性布局呢，他就是根据内容多少分配多大的控件，当内容不足时会自动的换行，去适应父布局，这也是他最
......
395
0
0
2022-03-27
在这篇文章中我们将学习关于自适应图片：一种可以在不同的屏幕尺寸和分辨率的设备上都能良好工作以及其他特性的图片，并且看看HTML提供了什么工具来帮助实现它们。自适应图片仅仅只是自适应网站设计的一部分，为您奠定了自适应网页设计的良好基础。为什么要用自适应的图片？让我们来看一个典型的场景。一个典型的网站可能会有一张页首图片，这让访问者看起来感到愉快。图片下面可能会
......
275
0
0
2022-03-27
我看来，CSS计数器在web上还没有得到充分利用，尽管它们的支持非常好(IE8+)!。在本文中，我将解释如何在项目中使用CSS计数器，以及一些用例。什么是CSS计数器计数器是css3提供的一个强大的工具，是一种可以让我们使用CSS给元素自动编号的方法。使用它可以很方便对页面中的任意元素进行计数，实现类似于有序列表的功能。但与有序列表相比，css计数器可以对任
......
274
0
0
2022-03-27
点击右上方红色按钮关注“web秀”，让你真正秀起来前言说起CSS3动画，就必须说说 transform，translate，transition，animation这4个属性，transform主要定义元素的动作，比如旋转、倾斜、位移等，translate是transform里面的属性，用于2D/3D位移。后2个主要对动作进行描述，动画时间、速度曲线、次数等
......
257
0
0
2022-03-27
关于Transform变形属性大家都不陌生吧，可以通过此属性实现元素的位移translate(x,y)，缩放scale(x,y)，2d旋转rotate(angle)，3d旋转rotate3d(angle),倾斜变换skew(x-angle,y-angle)等，你也许已经很熟悉了这些属性，或许你也会有这样的困惑，这些属性在实际项目中如何应用呢？今天的文章，笔者
......
289
0
0
2022-03-27
译者：@Jack Chen原文：https://blog.bitsrc.io/css-pseudo-selectors-you-never-knew-existed-b5c0ddaa8116CSS中（伪类）选择器允许您将样式分配给实际上是由特定元素的状态或文档中的标记模式（甚至是文档本身的状态）推断出来的幻像类。这篇文章在一定程度上鼓励你在构建UI时使用更简
......
250
0
0
2022-03-27
<input /> 标签是我们日常开发中非常常见的替换元素了，但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性，选择器都没怎么用过，所以就开篇文章来整理一下一些比较有趣或者实用的知识点。本篇文章默认大家已经知道 <input /> 标签的基本用法，不会做过多的基础说明~没想到，
......
255
0
0
2022-03-27
Google不知道是咋搞的，我猜是故意的吧。Chrome Develop Tools对于JavaScript的调试真是方便，不过它的default的字体大小，也太让人头大了，尤其是对我这种视力很差，迫切不要大字体的人来说，简直就是折磨。Google故意留了这么个招，可以搞定这件事情，又让每个人都去寻寻觅觅才能搞定，哎，无意问苍天啊~~~~Linux 下：$H
......
313
0
0
2022-03-22
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这样不但影响外观，而且有时候拖动textarea还会使页面布局错乱，我们如何解决呢？看下面代码。取消chrome下input和textarea的聚焦边框： input,button,select,textarea{outline
......
264
0
0
2022-03-22
很多时候我们需要在IE下支持一些圆角，但是又懒得去用复杂的css代码去各种拼接的话，有下面两种方面：方案一：我们可以采用这个htc的文件。代码：Css代码 .test{
-moz-border-radius: 3px;
&nbs
......
342
0
0
2022-03-22