写这篇博客的初衷其实是在解决浮动的时候看到的这个方法，就想着BFC是什么，为什么可以清除浮动。结果不看不知道，一看越看越不明白，潜下心来研究看看，总结一下学习心得。1.BFC是什么 BFC就是Box Formatting Context的简称，直译为"块级格式化上下文"。1.1 Box是css布局的基本单位 Box是CSS布局的对象和基本单位，元素的类型和display特性，决定了Box的类型，不同类型的盒子决定了页面不同的布局形式block-level box:display 属...
在浏览器上输入一个网址后，一个漂亮的页面就呈现在我们眼前，中间发生了什么了？对于一个普通用户来讲，也许不用思考这个问题，但要作为一个名前端开发人员或是想开发插件的同学来讲，掌握浏览器的工作原理是非常有必要的！ 浏览器主要功能 今天讨论五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。浏览器的功能和目的都是一样的，但在解析的过程中会有些差别。那么浏览器的主要功能有哪些？1. 用户界面（这个不重要） －...
前言： 使用HTML5，通过创建cache manifest文件，可轻松创建web应用的离线版本。 HTML5引入了应用程序缓存，这意味着web应用可进行缓存，并可在没有网络时进行访问。 应用程序缓存为应用带来三个优势：离线浏览--用户可在离线时使用它们。速度--已经缓存的资源加载得更快。减少服务器负载--浏览器将只从服务器下载更改过的资源。 原理和环境如上面提到的HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单...
说到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动 设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布 局该怎么设计（通过CSS3 Media Query实现响应布局）。 响应式布局顾名思义就是随电脑屏幕的大小而改变，响应式布局...
接了一个活，要求页面宽度大小随着显示器的大小改变而改变，属于自适应的一类。 我就想到了响应是布局，但是查了许多资料大多数都看不懂，求指教。简单易懂的。 回复讨论(解决方案) 流式布局不就可以了，宽度什么的用百分比做，加个最小宽度控制一下。
先声明非广告贴，只是想知道这个web程序和本地程序的交互是怎么实现的。 此软件类似于web版的360安全卫士。 软件下载地址： http://soluto.cn.uptodown.com/ 这个软件的介绍： http://baike.baidu.com/view/4652520.htm 下面是从百度百科中摘抄过来的一段： Soluto是一款号称“反郁闷”的系统工具，这家来自以色列的开发方承诺让电脑运行得更好。Soluto可以监视你的PC，发现用户面临的问题。比如打印机问题，导...
原文来自：前端文摘：BFC 神奇背后的原理 via Melon Space
最近看了几篇关于css hack的文章，觉得不错整理一下。 css hack很多人不理解它的原理，其实大家都知道对于不同的浏览器，CSS的解析程度不一样，因此会导致生成的页面效果不一样；特别是对于IE这种蛇精病的浏览器来说，这个时候我们就需要针对不同的浏览器（特别是IE）去写不同的CSS，这个过程就叫做css hack.而不是那个hack，可以说css hack是一种借助于不同浏览器之间规则标准的不同而实现兼容性的一种“曲线救国”的策略，虽然如...
题目： Codeforces Round #258 (Div. 2)Devu and Flowers 题意：n个boxes ，第i个box有fi个flowers，每个boxes中的flowers完全相同，不同boxes的flowers不同，求从n个boxes中取出s个flowers的方案数。n#include <bits\stdc++.h>using namespace std;const int MOD = 1e9 + 7;typedef long long LL;LL invv[25];LL inv(LL x)/// 求逆元{ return x == 1 ? 1LL : (MOD - MOD / x) * inv (MOD % x) % MOD;}LL Cmn(LL n, LL m) //...
CSS全称层叠样式表，它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。是能够真正做到网页表现与内容分离的一种样式设计语言，能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。 CSS规则 CSS文档由一系列规则组成，一条...
举个例子，标签P，也许会在嵌入样式表、外部样式表中多次被设置相关属性的值(比如color: red;/color : blue)，那么浏览器到底是以哪个值来显示P的样式呢？？？这就是CSS的工作原理。（其中特指度比较重要） CSS有3种工作机制：1.继承 2.层叠 3.特指 （其中层叠原则是基于继承和特指的） 1.继承 ：css中的祖先元素会向后代传递一样东西：CSS属性的值。body是所有元素的祖先，如果我们指定body{color:red;},那么文档中的所...
看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因， 1）这篇文章太长了，阅读成本太大，不能一口气读完。 2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。 所以，我准备写下这篇文章来解决上述两个问题。希望你能在上班途中，或是坐马桶时就能读完，并能从中学会一些能用在工作上的东西。 浏...
读到这个很有趣的网站：http://uxmyths.com/，网站讲述的是一些普遍被误解的用户体验理论。有些论点蛮老，有些也不一定准确。我挑选了一些记录下来，并加少许注解。：） 1，用户在网页上会认真阅读内容 不准确。 用户在阅读网页内容时，快速浏览居多，只有在用户对内容非常感兴趣的时候，才会逐字阅读；好的网页设计是能帮助用户更方便快速浏览网页内容的。 Yoyo：现在是信息爆炸时代，用户很少有精力去仔细读内容，更多是...
一个html网页载入的大概过程 1.用户输入网址，（假定是第一次访问），浏览器向服务器发出请求，服务器返回html文件. 2.浏览器开始载入html代码，发现head标签内有一个link标签引用外部css文件。 3.浏览器又发出css文件的请求，服务器返回这个css文件。 4.浏览器继续载入里面的代码，并且css代码已经拿到手了，开始渲染界面了。 5.浏览器在代码中发现了一个标签引用了一张图片，向服务器发出请求，浏览器不会等到图片下载完，而...
polaris不是前台开发人员，然而作为一个Web开发者，掌握必要的前台技术也是很重要的。说实话，polaris对前台技术还是蛮感兴趣的，只是一直没有用心系统的学过，所以了解的知识有点杂。这篇文章是polaris通过网上的一些知识结合自己的问题做的一些总结，一来当作笔记，二来希望能够对初学者有点帮助。 今天在修改博客时，遇到了一个问题：给一个p标签增加一个类（class），可是执行后该class中的有些属性并没有起作用。通过Firebu...