分类 CSS 下的文章
flex自适应宽度由后text-overflow:ellipsis;失效 文本溢出失效
当我们给元素做了flex后，flex内的子元素宽度自适应，但是当我们给子元素设置文本溢出的时候，发现时候无效的，原因是因为他们的宽度没有限制，也就是说原始的宽度无限制，那么这个原始宽度又怎么说呢？他有一个优先级：优...
flex弹性布局和grid格子布局常用5种布局结构
flex弹性布局flex第一种基本布局header会占据除去footer的所有高度，footer高度可以自己设置，默认是占满的。<div id="layout"> <d...
fit-content()函数
css3的grid格子布局中，对于设置格子大小的处理，要么是固定的，要么是百分比这种相对的。如果电脑端这个header的高度为50px，而手机端由于大小限制，原来50px可能要变成30px，那么此时我们可以利用媒体...
通用《少数派》文章css样式
本来想多搞几个文章的通用样式的，每次写主题，对于文章的样式确实很头疼，目前用的是vue的文章样式，很适合代码和文字混排，但是对于图文混排感觉一般般吧。所以就做了一个新的样式，仿《少数派》的css样式。预览图[hid...
远程字体 详解阿里巴巴矢量字体库css原理
关于自定义字体，我一开始只以为只能本地加载，也就是css里面定义的字体，都只能从本地加载到，但是后来我了解到字符图标，一开始也是照本宣科使用本地字体，这就导致了一个问题，如果服务器网速带宽不够，就会产生字符字体文件...
css3 字体渐变动效
以前写过一篇关于字体渐变效果的文章，那时候初出茅庐，啥都不太懂，就只会个静态，这次逛animate.css网站的时候发现他的字体是动态渐变效果的，这就有点刺激了，于是研究了一下。效果图教程主要是利用了css3的滤镜...
多行文本溢出显示省略号
css控制文本溢出隐藏css兼容最好的就是单行文本溢出省略号了，我们先看下单行的css是怎么设置的：p { white-space: nowrap; text-overflow: ellipsis; ...
图片模糊过度原理（QQ空间图片过度效果）
之前一直用的懒加载，也就是对同一个img元素做操作，通过load事件判断图片资源是否加载完毕然后替换src链接，但是今天我不想这么做了，这么做要写太多的代码，我想有没有纯css就能解决的办法。突然我想到以前逛别人博...
关于手机端虚拟键盘压缩页面高度的解决办法
手机端只要有输入框,弹出虚拟键盘后,一般来说都会压缩整个页面的高度,这就导致了一个问题,如果浮动于底部的标签就会被压上来,以及一些根据页面高度百分比定位的元素错位,解决这个问题目前我就只有一个办法: 固定整个页面的...
![[加油武汉]](https://www.mulingyuer.com/usr/themes/Reach2/images/emote/loading.gif)