css笔记
个人深入学习css笔记
小航同学的blog
努力学习前端的小白
展开
-
css-自定义字体(LED)
字体的获取先来看一下实现效果:字体的可以在defont网站中找到自己需要的字体 。然后通过fontsquirrel将下载好的字体文件转换为eot格式和woff格式。如果你需要做LED字体的话,也可以通过我的百度网盘获取(格式已经转换好了哟)。链接:https://pan.baidu.com/s/1VjfVgsyisA-T1u4FRqW_Vg提取码:d59j生成字体在拿到字体之后,我们把字体放到我们的项目,就可以通过@font-face自定义字体了。代码如下: /* 自定义led字体 *原创 2020-06-28 23:21:16 · 2051 阅读 · 2 评论 -
css3实现鼠标移入图片变色
css3实现鼠标移入图片变色方法一:准备两张图片,直接更改hover后的背景图片。这种方法简单粗暴,我就不过多赘述了。方法二,利用css3的filter滤镜。...原创 2020-04-05 12:14:21 · 5396 阅读 · 0 评论 -
如何利用css给文字加渐变色
如何利用css给文字加渐变色在日常项目中你或许遇到了这样的UI设计图。在这个时候如果采用图片来替换文字的方式,在不同的版块遇到同样的渐变色,文字却不一样,一张张的替换图片的方式实在太麻烦。这个时候就可以用我们强大的css3来为文字加上渐变色。下面就是实现渐变色的代码 .world { font-size: 36px; font-weight: bold; backg...原创 2020-04-06 10:42:03 · 2033 阅读 · 0 评论 -
形象理解文档流?
什么是文档流? 很多人一定听过文档流这个概念,那么css中的的"流"是什么呢?“流"实际上是csss当中的一种基本定位和布局机制,就是浏览器默认的排版方式。 如何更加形象的理解"流”?,div标签和span标签就是 &n...原创 2020-04-17 10:05:03 · 105 阅读 · 0 评论 -
读书笔记---深入理解“margin:auto”
深入理解“margin:auto”"margin:auto"填充规则"margin:auto"的计算规则触发"margin:auto"计算的条件"margin:auto"填充规则 1.如果一侧定值,一侧auto,则auto为剩余空间大小 2.如果两侧均是auto,则平分剩余空间 。"margin:auto"的计算规则 "margin:auto"的计算规则可以被总原创 2020-05-08 21:07:53 · 832 阅读 · 0 评论