
CSS
文章平均质量分 60
郄灬灬
程序员不自学,和咸鱼有什么区别!!!
展开
-
小程序如何使用阿里 iconfont
需求需要在小程序中使用字体图标解决方案步骤概述在 iconfont 平台创建一个项目,然后添加一些需要的图标进项目中将字体图标下载到本地,然后想办法把 woff 文件转换为 base64 格式的文件在小程序中引入并且使用过程详解在 iconfont 平台创建一个项目,然后添加一些需要的图标进项目中 将字体图标下载到本地(这里我选择的图标字体类型为 font class)。然后把 woff 文件转换为 base64 格式的文件。这里是利用了一个在线转换的网站 Online @fo原创 2022-04-08 11:32:43 · 604 阅读 · 0 评论 -
CSS 编码规范
CSS 编码规范下面有相当一部分内容引用 bootstrap 编码规范,有兴趣可以看看normalize/reset请记住,使用 normalize/reset 的初衷是为了统一所有浏览器内元素的初始表现代码风格:基本风格用 4 个空格来代替制表符(tab) – 这是唯一能保证在所有环境下获得一致展现的方法。为选择器分组时,将单独的选择器单独放在一行。为了代码的易读性,在每个声明块的左花括号前添加一个空格。声明块的右花括号应当单独成行。每条声明语句的 : 后应原创 2020-11-12 16:15:16 · 693 阅读 · 0 评论 -
webpack4 处理静态资源
需要处理的静态资源:图片字体json 文件视频音频图片处压缩图片压缩需要使用第三方插件,这里我使用 image-webpack-loader 来做图片的压缩处理,实现方式并不复杂,只需要在原来的 file-loader 或者 url-loader 下面加一个处理器即可,下面直接上配置代码:{ test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, use: [ { loader: 'url-loader',原创 2020-05-28 18:32:16 · 1893 阅读 · 0 评论 -
垂直显示文本,并且文字靠底端
固定标题栏 .position-relative{ position:relative;}.position-absolute{ position:absolute; top:10px; left:50px;}.big-div{ border:1px blue solid; padding:1原创 2015-09-18 13:26:03 · 1351 阅读 · 0 评论 -
移动端适配方案
这是在网上搜索良久,找到的当前比较合适的适配方案。原理是通过动态计算 REM 基值,来动态调整网页尺寸。写这篇博客纯粹是为了自己学习理解移动端适配,现将代码附上:/** * 移动端适配,根据屏幕宽度与屏幕 dpr 动态写入 html 的 font-size ( rem 基准值) * 尽量让这段代码在页面最前面执行 */(function(win) { var opt =原创 2016-04-19 10:35:22 · 596 阅读 · 0 评论