分类 CSS 下的文章

CSS
flex自适应宽度由后text-overflow:ellipsis;失效 文本溢出失效
flex自适应宽度由后text-overflow:ellipsis;失效 文本溢出失效

当我们给元素做了flex后,flex内的子元素宽度自适应,但是当我们给子元素设置文本溢出的时候,发现时候无效的,原因是因为他们的宽度没有限制,也就是说原始的宽度无限制,那么这个原始宽度又怎么说呢?他有一个优先级:优...

木灵鱼儿
木灵鱼儿
CSS
锤子的字体样式
锤子的字体样式

font-family: Helvetica Neue, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, ...

木灵鱼儿
木灵鱼儿
flex弹性布局和grid格子布局常用5种布局结构
flex弹性布局和grid格子布局常用5种布局结构

flex弹性布局flex第一种基本布局header会占据除去footer的所有高度,footer高度可以自己设置,默认是占满的。<div id="layout"> <d...

木灵鱼儿
木灵鱼儿
CSS
fit-content()函数
fit-content()函数

css3的grid格子布局中,对于设置格子大小的处理,要么是固定的,要么是百分比这种相对的。如果电脑端这个header的高度为50px,而手机端由于大小限制,原来50px可能要变成30px,那么此时我们可以利用媒体...

木灵鱼儿
木灵鱼儿
CSS
通用《少数派》文章css样式
通用《少数派》文章css样式

本来想多搞几个文章的通用样式的,每次写主题,对于文章的样式确实很头疼,目前用的是vue的文章样式,很适合代码和文字混排,但是对于图文混排感觉一般般吧。所以就做了一个新的样式,仿《少数派》的css样式。预览图[hid...

木灵鱼儿
木灵鱼儿
CSS
远程字体 详解阿里巴巴矢量字体库css原理
远程字体 详解阿里巴巴矢量字体库css原理

关于自定义字体,我一开始只以为只能本地加载,也就是css里面定义的字体,都只能从本地加载到,但是后来我了解到字符图标,一开始也是照本宣科使用本地字体,这就导致了一个问题,如果服务器网速带宽不够,就会产生字符字体文件...

木灵鱼儿
木灵鱼儿
CSS
css3 字体渐变动效
css3 字体渐变动效

以前写过一篇关于字体渐变效果的文章,那时候初出茅庐,啥都不太懂,就只会个静态,这次逛animate.css网站的时候发现他的字体是动态渐变效果的,这就有点刺激了,于是研究了一下。效果图教程主要是利用了css3的滤镜...

木灵鱼儿
木灵鱼儿
CSS
多行文本溢出显示省略号
多行文本溢出显示省略号

css控制文本溢出隐藏css兼容最好的就是单行文本溢出省略号了,我们先看下单行的css是怎么设置的:p { white-space: nowrap; text-overflow: ellipsis; ...

木灵鱼儿
木灵鱼儿
CSS
图片模糊过度原理(QQ空间图片过度效果)
图片模糊过度原理(QQ空间图片过度效果)

之前一直用的懒加载,也就是对同一个img元素做操作,通过load事件判断图片资源是否加载完毕然后替换src链接,但是今天我不想这么做了,这么做要写太多的代码,我想有没有纯css就能解决的办法。突然我想到以前逛别人博...

木灵鱼儿
木灵鱼儿
关于手机端虚拟键盘压缩页面高度的解决办法
关于手机端虚拟键盘压缩页面高度的解决办法

手机端只要有输入框,弹出虚拟键盘后,一般来说都会压缩整个页面的高度,这就导致了一个问题,如果浮动于底部的标签就会被压上来,以及一些根据页面高度百分比定位的元素错位,解决这个问题目前我就只有一个办法: 固定整个页面的...

木灵鱼儿
木灵鱼儿
Info
站点信息

以前觉得活下去很难,现在发现活的好才难!

创建于20156

总共发表了278篇文章

共有433条评论

创建了21个分类目录

Archive
时间归档
Weather
天气

湿度
设置
配色方案

布局