CSS
关注
分享
扫一扫
文章平均质量分 61
自夏
这个作者很懒，什么都没留下…
展开
-
CSS 导航栏
<html> <style> ul, li { padding: 0; margin: 0; list-style: none; } .newnav { width: 100%; height: 63px; align-items: center; align-content: center; display: flex; border-bottom: 1px solid #ccc; } .navbo原创 2021-11-05 14:15:57 · 115 阅读 · 0 评论 -
css字体.ttf文件压缩3.1M变8K(原生和Vue中使用)
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、font-spider是什么？二、使用步骤1.安装库2.读入数据使用编写css和html使用font-spider压缩字体使用压缩后的目录font-spider压缩原理在Vue中使用把我们要使用得字体抽离出来后，我在vue的src/assets目录中新建css文件font.css在对应的 .vue文件中引入总结因为 font-spider 只能抽取静态得内容 ，不能动态抽取，对应一些页面上面写死得文字我们可以拿来抽取，达到字原创 2021-09-06 16:55:14 · 4600 阅读 · 0 评论 -
CSS3毛玻璃
<div class="box"> <div class="groundGlass"> <p class="font">123123</p> </div> </div> 在使用CSS3之前我们需要了解以下元素 :before 伪元素在元素之前添加内容。 filter css的过滤器 要出现毛玻璃效果 必须要使用这个二个css 属性 如果要在图片上面实现毛玻璃也必须要在模糊地方使用图片 html, .原创 2021-06-16 14:24:35 · 319 阅读 · 0 评论