CSS行高（line-height）及文本垂直居中原理

在CSS中，line-height 属性设置两段段文本之间的距离，也就是行高，如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了，比如下面的例子： Document div { width: 300px; height: 200px; border: 1px solid red; } sp

业界 2016年05月15日

【转】【译】让你的网站更炫酷的一些小 tips

原文链接 : 101 Ways to Make Your Website More Awesome原文作者 : Nicholas Tart译文出自 : 掘金翻译计划译者 : 达仔译文链接：https://github.com/xitu/gold-miner/blob/master/TODO/101-ways-to-make-your-website-more-awesome

业界 2016年07月09日

假如用CSS来逆向推理视觉设计空间

每一个职场人都应该善于从工作中发现问题，并整理思路。本文作者经历了一个产品从0到1的设计过程，通过 CSS 对视觉空间有了一些新的想法，从中总结出了一些经验，和大家分享。最近几个月都在忙乎自己的产品，活生生体验了一把需求-设计-前端开发集成式累死狗的节奏；但，自从离开学校后基本没怎么敲代码的半吊子选手，通过这次的自力更生，仿佛在黑暗中找到了光明，变得大彻大悟，牛的

产品设计 2021年12月21日

假如用CSS来逆向推理视觉设计空间

最近几个月都在忙乎自己的产品，活生生体验了一把需求-设计-前端开发集成式累死狗的节奏；但，自从离开学校后基本没怎么敲代码的半吊子选手，通过这次的自力更生，仿佛在

产品设计 2023年08月02日

正在暑假中的《课多周刊》(第1期)

正在暑假中的《课多周刊》(第1期)我们的微信公众号：fed-talk，更多精彩内容皆在微信公众号，欢迎关注。若有帮助，请把 课多周刊 推荐给你的朋友，你的支持是我们最大的动力。远上寒山石径斜，白云深处有人家。停车坐爱枫林晚，霜叶红于二月花。 杜牧 -《山行》HTML/CSS【译】22个必备的CSS小技巧（@jrainlau） 实用的CSS小技巧。CSS3 聊天气泡框以及 i

业界 2016年08月07日

前端外包项目开发心得

我参与的第一个前端外包项目即将完成,（测试地址：http://jpptest.leanapp.cn）通过这个外包项目我学习到了一些前端项目多人开发的经验，在这里分享给大家，菜鸟第一次做电商项目，欢迎吐槽。。。多人合作时要分工明确由于团队成员都比较习惯使用github，我们选用github作为代码仓库。刚开始的时候，我们经常陷入代码冲突的问题，十分尴尬。究其原因，是我们的分工

业界 2016年06月22日

使用 Vue + Vue.js 构建单页应用

原文地址：https://coligo.io/learn-vuex-by-building-notes-app/前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来

业界 2016年07月14日

【二次元的CSS】—— 用 DIV + CSS3 画咸蛋超人（详解步骤）

仅仅使用div作为身体的布局，用css3的各种transform和圆角属性来绘制各部位的形状，当然也不会使用任何图片哦。那就没意思了。[br]有的同学说，用canvas不是能画得更逼真而且更简单吗？这点我也非常赞同，但我的理由还是，那就没意思了。这次写的详细一点，把各个部位都拆出来分析。GitHub传送门：https://github.com/lancer07/css3Ul

业界 2016年05月11日

CSS不常用属性---Tips1文本样式

字体样式font-variant设置字体是否以小型大写字母显示。p{ font-variant: small-caps; /* 让小写字母以小型大写字母显示。*/}font字体设置简写组合方式。格式如下：[是否倾斜|是否加粗|是否转小型大写] 字体大小 字体名称；p{ font: bold italic 20px 楷体;}文本样式text-decoration设

业界 2016年07月08日

bigSlide 插件应用

一、 插件官网bigSlide.js二、 基本代码侧边栏控制开关用一个 标签来控制侧边栏的开关。# menu 用来指向 id 为 menu 的侧边栏，menu-link 为这个 标签的类名。☰侧边栏代码实例侧边栏代码如下，由于需要实现的效果各不相同，所以各个 1. 标签中设置的 style 并不一样，这样的代码看起来很乱，其实还是应该写在css中，并根据效果进行分类。

业界 2016年07月04日