css

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

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

【转】【译】让你的网站更炫酷的一些小 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行高（line-height）及文本垂直居中原理

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

杂(css)

本用于记录个人学习记录： http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%B
业界 2016年07月05日

获取元素css值

最近写东西碰到一个问题，通过document.getElementById(id).style.XXX无法获取到样式值？查完资料才发现方法只能获取元素的内联样式，那要获取内部样式或外部样式该怎么办？ getComputedStyle 原来获取外部样式或内部样式用的是window.getComputedStyle方法，用法如下：getComputedStylediv{widt
业界 2016年07月21日

Vue.js 开发实践：实现精巧的无限加载与分页功能

本篇文章是一篇Vue.js的教程，目标在于用一种常见的业务场景——分页/无限加载，帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比，更全面的展示使用Vue.js完成一个需求的思考过程；与一些构建大型应用的高阶教程相比，又更专注于一些零碎细节的实现，方便读者快速掌握、致用。需求分析当一个页面中信息量过大时（例如一个新闻列表中有200条新
业界 2016年07月04日

切图崽的自我修养(2)－如何规范CSS元素的命名？

前言为什么我刚才写的样式乱了？！如何给变量，文件命名是程序员的老大难问题。命名为什么会这么难，因为它太重要了。可以这么说，准确的命名可以提高代码的可读性，让人容易理解，方便调试，也给以后修改和维护你的代码的人带来方便。如何给元素命名而在css中，如何给元素命名同样是一门艺术。我们先来看看css中对常用的组件的命名：headfootnavmenulist嗯，目前为止很不错，这
业界 2016年07月03日

浏览器渲染的那些事（三）

终于到了布局的部分了！布局当渲染对象被创建并添加到树中，是没有位置和大小的，计算这些值的过程称为layout或reflow。布局是一个递归过程，由根渲染对象开始，对应html文档元素，布局继续递归的通过一些或所有的frame层级，为每个需要几何信息的渲染对象进行计算。跟渲染对象位置是0，0。所有渲染对象都有一个layout或reflow方法，每个渲染对象调用需要布局的chi
业界 2016年07月05日
加载更多