css
文章平均质量分 89
如何在5年薪百万
202110,如何5年内年薪百万
201901,如何3年内拿到50+,如果快速提升价值,拿到50k+的薪水
201801,如何在3年内拿到30+,我一工作6年,后面3年我要思考如何拿到30+
展开
-
【忆当年】H5布局易筋经——一个模型教你画出90%的前端页面
前言有没有一种前端通用的模式,可以让初学者或者和后端同学快速掌握页面布局呢?前端有很多种布局套路可以实现同样的页面效果,随着前端的发展也出现了很多布局的专业名词。比如框架布局,表格布局,流式布局,响应式布局、浮动模型、flexbox弹性伸缩布局,栅格化布局等等。这些布局方式柔和在一起,让前端的布局变得复杂。刚刚跨入前端的同学或者后端同学其实只要掌握一种方式就可以实现大部分的页面UI效果。今天我讲的是CSS+DIV盒子模型,这种模式可以说是最基础的布局知识。只要你掌握了盒子模型,所有的前端组件的UI都可原创 2021-07-07 10:37:10 · 1029 阅读 · 2 评论 -
CSS3 字体@fontface入门详解
背景做前端会遇到使用图标的问题,虽然使用图标并不复杂,偶尔遇到需要在插件中添加图标,以及自定义图标的场景。这里深入研究下图标的实现原理,方便日后在复杂场景下搞定图标问题。什么是font字体最早接触的字体是word里面使用到各种字体,这些字体属于 操作系统所有。C:\Windows\Fonts目录下看到很多ttf字体的文件。如果有宋体的ttf在word中才能使用,如果没有则不能使用。不同语言的...原创 2019-10-08 13:45:44 · 948 阅读 · 0 评论 -
前端CSS3字体详解@fontface (二)ttf文件和base64编码的互相转换
背景uni-app中uni-icons引入图标字体的方式如下,url中是很长一串base64的字符。这个字符其实就是字体ttf文件的base64编码,代替了引入字体文件本身。注:如果不知道ttf和字体图标的知识可以参考我的上一篇博客。@font-face { font-family: uniicons; font-weight: normal; font-style: normal;...原创 2019-10-08 16:24:26 · 7837 阅读 · 0 评论 -
uni-app项目给uni-icons增加字体图标(编辑ttf文件)
背景uni-app项目开发发现图标不够用,想直接在现有的图标中增加新的图标。网上大多是讲如何引入iconfont的字体,而非直接把字体添加到uni-icons中。实现原理字体文件的本质是,unicode作为索引的字体矢量图库。我们需要在图库中增加新的图片,然后通过矢量图的索引来使用字体图标。实现步骤3.1 下载uni-icons的ttf字体图标文件我们需要编辑ttf文件,所以需要先下载...原创 2019-10-08 17:39:50 · 9009 阅读 · 15 评论