选择器的命名规范 1.模块化命名 例如： 与布局相关的样式以“g”为开头。如“g-content”和“g-header”； 与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”； 与元件相关的样式以“m”为开头。如“m ...

实现瀑布流布局有两种方式：1. 使用javascript 实现。2. 使用css3 的column属性实现。javascript是通过页面的宽度以及元素块的宽度计算出列数，然后计算出每一个块的left与top距离来确定元素块的位置。当然需要 ...

问题 大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（reflow）和重绘（repaint）。尤其是在页面包含 ...

一、元素分类 首先要知道元素分三种：内联元素（行内元素）、块级元素、内联块级元素。 1、内联（行内）元素 可与其他元素占一行 高、行高、内外边距不可更改 宽度为内容所占宽度，不可更改 容纳文本或其他行内元素 2、块级元素 独占一行 高、行高 ...

1.BFC简要定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，它规定了内部如何布局，是决定块盒子的布局及浮动相互影响范围的一个区域，并且与这个区域外部毫不相干。 2.BFC ...

相信tab切换对于大家来说都不算陌生，后台管理系统中多会用到。如果不知道的话，可以看一下浏览器上方的标签页切换，大概效果就是这样。 1.如何切换 使用动态组件,相信大家都能看懂（部分代码省略） //通过点击就可以实现两个组件来回切换 <bu ...

节流（throttle）节流指的都是某个函数在一定时间间隔内只执行第一次回调。举个常见的节流案例：我们把某个表单的提交按钮——button 设成每三秒内最多执行一次 click 响应 ...

HTML5与CSS3权威指南非常不错，它是目前市场上最权威的HTML5与CSS3实战教程，详细的讲述了html 5和css3的所有新功能和新特性，技术新颖，实战性能，再配以精彩的案例讲解，能够帮助用户快速掌握HTML5与CSS3编程技巧。 ...

效果 鼠标触碰按钮，出现水墨风格动画 屏幕自适应 一份html文件，一份css文件，无javascript，上手程度：很简单 笔记 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示元素，除了优先级更 ...

在我们的开发中常听到BFC这个词，当要让我说出BFC 是什么，却不能很好的却解释，似懂非懂。反正就是没有清晰的理解，是这两天仔细阅读了相关资料加深自己对BFC理解。 什么是BFC BFC:块格式化上下文（Block Formatting C ...