富朝阳的博客

网页加载图标 GIF动态图标 loading图标 加载延迟图标 加载过度图标

推荐几个常用的CSS动画库

我们在项目开发过程中有时候会遇到设计师给的小于12px的字体，IE、火狐浏览器、移动端等小于12px的字号大小还是可以正常显示的，但是谷歌浏览器上显示字体最小为12px，css设置font-size：10px，运行代码显示结果仍然是12px大小，那么这个我们怎么去解决呢？

CSS文本溢出就显示省略号，就是在样式中指定了盒子的宽度与高度,有可能出现某些内容在盒中容纳不下的情况，我们需要文本溢出就显示省略号。

雪碧图也叫CSS精灵， 是一种CSS图像合成技术。通俗来说：将小图标合并在一起之后的图片称作雪碧图，每个小图标的使用配合background-position来获取。我们来看一张图片这张图片汇聚了10个小图片合成，每个小图片都有自己的像素定位点，那么如何生成雪碧图呢？CSS Sprites一般只能使用到固定大小的盒子（box）里，这样才能够遮挡住不应该看到的部分。这就是说，在一些需要非单向的平铺背景和需要网页缩放的情况下，CSS Sprites并不合适。

Iconfont 是阿里巴巴矢量图标库平台（http://iconfont.cn），它允许用户访问大量图标并将它们用作网页、移动应用或其他数字界面的一部分。以下是关于 Iconfont 的介绍和使用

CSS 提供了出色的方法可以实现基本的形状。本文就来看看如何使用这些方法来实现项目中常用的三种三角形效果。以上主要总结了项目中常用三角形效果方案，是否有你需要的一款呢？欢迎大家在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。

我们平时写样式的时候可能遇到需要将字体设置成渐变色，这样能使界面整体美化提升，那么css怎么去实现这个功能呢？下面我介绍一种常用的方法，欢迎大家补充。

前端开发在日常设计中除了最常用的 px 以外，还会经常看到 dp、pt、em、rem 等单位，那么这些单位都有什么区别呢？总的来说，选择合适的设计计量单位要根据具体的设计场景和需求来决定。例如，在网页设计中，使用 em 和 rem 可以实现响应式设计，而使用 vw 和 vh 可以实现流体布局。在印刷品设计中，则需要使用 pt 来保证输。如果文章对你有所帮助，！博主会持续更新。。。。富朝阳的博客。

CSS文本溢出就显示省略号，就是在样式中指定了盒子的宽度与高度,有可能出现某些内容在盒中容纳不下的情况，我们需要文本溢出就显示省略号。

把网站做成一个纯灰色主题，最简单直接的办法就是给整个网站加一个滤镜效果图如下：css中有以下几种滤镜：做灰色主题的网页，我们要选择灰度grayscale这个滤镜。

html连续多个空格只显示一个空格的解决方法，想要页面展示多个字符，可以使用实体字符&内部碎片；来代替空格，如下这样：name。替换成实体字符后将变量用innerHtml展示在页面中，否则浏览器无法识别哦。

html,body {/* 文字风格 Sans-serif 各笔画粗细相同，Serif 笔画粗细不同，monospace 等宽体，cursive草书，fantasy梦幻 */'黑体', '宋体', Arial;body {/* 重置各标签的默认样式 */a,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,

相信大家在面试的时候也会经常碰到两栏、三栏布局，一下列出来几种方式以供大家参考，废话不多说，直接上干货，如有不足之处，请大家补充。

相信大家在面试的时候也会经常碰到css实现元素居中的方法，下面我介绍6种方法给大家，欢迎大家评论区交流。给定两个元素，这两个元素是父子级关系并且两个元素的大小都是不确定的，那么这时候如何让子级在父级中上下左右都居中？（暂且设定父级比子级要大一些）。

最近在写项目的时候遇到这样一个问题，我给元素添加动态border的时候，随着border的生效，会影响border之外的布局，border边框影响布局之问题的发生，到底需要如何解决？下面我提供2种方案供大家参考：