源于公司每次新启动一个由多人协同开发的项目都由负责人初始化项目之后，每个人再去从私服pull一下项目才开始开发。@import './mixin.scss'; // 公共函数@import './icomoon.css'; //字体图标@import

细心读者可以看到,从上图来看不设置 box-sizing 情况下, 默认值 content-box, 也就是表示为标准盒模型.那么我们来看看当给div设置为 box-sizing: border-box 针对前面的代码示例,我们只添加如下一行代码,看看最终

最近在项目中，有很多地方都用到了线性渐变，比如：表单提交按钮的背景，数据展示的标题背景等等，按照以前的做法是切 1px 图片然后 repeat-x。下面我将介绍如何用 css 来完成该效果。linear-gradient 在 ie9 以下是不支持的，所以对

和上一个div一定分页的样式控制。后面有时间的时候整理一下这里。横向打印是 垂直的 纵像打印是 平行的， 这两个有90的差别 横向打印出来的文件往顺时针旋转90之后就一幕一样了。20141124 fz这里 调整了很久才发现这的。

div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；与之相反，像“span”“a”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性

做开发的小伙伴可能经常遇到雪碧图，那么究竟什么是雪碧图呢？今天元宵节待着无聊，来总结下雪碧图的实现原理及应用。CSS雪碧图即CSS Sprite（精灵），在国内很多人叫css精灵，是一种网页图片应用处理方式。所谓的雪碧图是一种CSS图像合并技术，该方法是将

link是html提供的标签，不仅可以加载css文件，还能定义 RSS、rel 连接属性等。而@import引用的CSS等页面加载完后最后加载。@import是css2.1后提出的，而link是不存在兼容问题。区别2：link引用CSS时，在页面载入时同时

.box span{margin: auto;}2. 元素为为定宽定高的元素绝对定位和负边距。margin-top:-25px;绝对定位和0原理：当一个绝对定位元素，其对立定位方向属性同时有具体定位数值的时候，流体特性，具有流体特性绝对定位元素的margi

浏览器默认换行规则：空格，回车，制表符，全部合成一个空格，文本自动换行

前端知识整理，包括html/css/js，但不限于这三大类，持续更新中。本人水平有限，如有错误或更好的答案，欢迎指正，望各位不吝指教。有效性、可使用性比较差。缺点：不能兼容IE8及以下浏览器。flex和table还能适用，其余不再适用。

标准的CSS的盒子模型CSS盒子模型又称为框模型，包含了元素内容content，内边距padding，边框border，外边距margin.它有两种种类：IE盒子模型 、W3C盒子模型。CSS的选择符1.id选择器 <#myid>2.类选择器

CSS视觉格式化模型浏览器在解析渲染我们所写的html内容，顺序渲染。如果不特殊指定，浏览器会默认当前的HTML渲染是按文档流模式。盒模型是css渲染的时候抽象于html标签在画布所占有区域，由CSS引擎根据文档中的内容所创建。盒模型是有两种标准的，一个是

CSS布局之左右布局与左中右布局方法：为子元素设置浮动，然后在其父元素上使用clearfix类来清除浮动。

CSS常用于控制页面布局的定位机制：普通流、相对定位、绝对定位和固定定位。float属性允许你将普通流中的元素在它的包含元素内尽可能的向左或向右排列。你应该设置margin属性来制定浮动元素之间的间距。不同元素的高度和宽度不同，为防止浮动元素的后一元素自动

减少浏览器重新布局是优化web性能的一个重要手段。这是因为重新布局是浏览器在请求网络资源后所做的一个必要的工作，这也是浏览器渲染web页面的重要机制。当然除了了解重新布局外，我们还需要了解各种文档属性对浏览器重新布局的影响因素，如：DOM深度、CSS规则，

BFC块级格式化上下文。如果一个元素具有 BFC，内部子元素无论如何都不会影响外部的元素。所以，BFC 元素是不可能发生 margin 重叠的，因为 margin 重叠是会影响外面的元素的; BFC 元素也可以用来清除浮动的影响，因为如果不清除，子元素浮动

安装loadercnpm i sass-loader sass-resources-loader --save-dev修改根目录下/build/utils.jsvar path = require. // generate loader string to

或许通俗点说，在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表，通过css可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互，同时页面结构或者表现发生变化，主要是有js组成。标签不允许随意嵌套。尽量使用外链css样式表和

如果删除了父亲元素的position:relative，则SON是相对于GRANDFATHER定位；只有在定义position:relative，fixed,absoulte下起作用，Z-INDEX值为正数的元素在Z-INDEX=0的上面，负数的在下面；这

思路：input file上传按钮的美化思路是，先把之前的按钮透明度opacity设置为0,然后，外层用div包裹，就实现了美化功能。美化后显示文件名上面美化，把默认显示的文件名也给隐藏掉了，那么如何显示文件名称呢？没关系，我们可以用jquery来获取文件