摘要: 包含大量代码的网页(比如文档或教程)在样式上面对着无法回避的挑战。我们通常使用 <pre> 和 <code> 元素来显示代码,它们具有浏览器所赋予的默认样式。这些默认样式往往是: 这远不足以解决代码展示所独有的种种挑战。这其中最大的一个问题在于,即使 tab 非常适合用来缩进代码 ① ,但人们在网页 阅读全文
posted @ 2018-09-30 16:35 mini豆豆 阅读(311) 评论(0) 推荐(0)
摘要: 背景知识 CSS 渐变, background-size ,“条纹背景”,“灵活的背景定位 难题 几年前,在刚刚获得 :nth-child() / :nth-of-type() 伪类之后,我们最常用其来解决的一个需求就是表格的“斑马条纹”(见下图)。这在以前需要服务器端预先处理、客户端的脚本处理或者 阅读全文
posted @ 2018-09-30 16:19 mini豆豆 阅读(210) 评论(1) 推荐(0)
摘要: 灵活的背景定位 实现效果: 将背景图定位到距离容器底边 10px 且距离右边 20px 的位置。 background-position 方案 代码: 实现要点: background-position 允许我们指定背景图片距离任意角的偏移量,只要我们在偏移量前面指定关键字。本例就是设置背景图片离右 阅读全文
posted @ 2018-09-28 15:49 mini豆豆 阅读(928) 评论(0) 推荐(0)
摘要: Vue.js 是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时 阅读全文
posted @ 2018-09-10 18:30 mini豆豆 阅读(132) 评论(0) 推荐(0)