根据语言和字宽的不同，自动选择对应的字体。 一段文本如何使用多个字体？ 一段文本如何根据不同语言使用不同字体？ 不同字宽如何使用不同字体包？ 同一个字体多个字体包怎么办？

听我的，完全不要被网上各种乱七八糟的解释弄迷糊了，什么dpr，什么物理像素，我只能说那些东西与我们开发者并没有直接关系，笔者读了几户所有能搜到的各种移动端入门文章，一言难尽...

前言 H5 移动端 开发的必不可少的一个环节就是 移动端网页的适配，因为 UI 通常只会提供 大小固定的设计稿，而各种不同移动设备具有不同的页面分辨率和大小，所以适配的目的就是让一份设计稿在不同移动设

在网上冲浪的时候，看到有这么一个网页效果；如下图： 分析： 从图中我们可以看出，当我们鼠标移入的时候，下划线冲左侧开始展示；当鼠标移出的时候，下划线从左侧开始消失 既然我们知道了大致的效果，那我们就得

文章详细介绍了CSS移动端相关知识，讲解了PC端和移动端视口的概念、移动端适配的方案，对其中rem+html动态font-size和vw的使用进行详细解释。

详细阐述CSS文字线性渐变最常用的两种方法的具体原理和填坑技巧。详细描述background-clip和-webkit-mask的原理。

最近晚上会抽出一点时间看《css世界》这本书，这本书讲的很有趣，让我知道css并非几个属性样式这么简单。昨天看到width在行内块元素中，如果设置其宽度为0，该元素标签里面的内容存在着一个最小的宽度，最小的宽度根据中文字符和英文字符又有所区别，中文字符是以每个汉字来分割，英文字…

需要注意的是，在移动端在flex元素中的内容进行省略文字的操作，则flex失效，flex之外的内容宽度不受控制，图片宽度无法撑起，解决办法如下：给设置了flex:1;弹性宽度的div设置最小宽度为0可以解决此问题。

修改input placeholder样式、多行文本溢出、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！