内层div的margin-top影响外层div——引出外边距合并Collapsing margins作者：zccst今天才算是了解边距合并。正如一位前辈所言，每一个CSS的坑，都让你学到不少知识。 /*出现原因是符合垂直边距合并的条件。(No.6)The top margin of an in-flow block element collapses with its first in-flow block-level child's top margin if the element has no top border, no top padding, and the child h Read More
2014年最新前端开发面试题The last time that refresh: 2014/4/1本文总结了一些常见前端面试（多数源于网络），希望阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧。只求当时过关，非长久之计也！面试有几点需要注意：（来源程劭非老师 Github:@wintercn | Weibo:寒冬winter）面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。题目类型： 技术视野、项目细节、理论知识型题，算法题，开放性题，案例题。进行追问： 可以确保问到你开始不懂或者面试官开始不懂为止，这样可以大大延展题 Read More
作者：zccst先看看手册值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。relative生成相对定位的元素，相对于其正常位置进行定位。 Read More
搜索关键词：margin 负-100%链接地址：负margin用法权威指南负边距(negative margin)实现自适应的div左右排版 nav main-l ... Read More
从IE6下的双边距引出对一个div设置float:left;同时设置了margin-left:100px时在IE6下会出现双边距。有两种解决办法：1，推荐办法。加display:inline2，不推荐。使用hack方式。比如加_margin-left:50px；即可/*减半*/display:inline为什么能够解决这个bug呢？看看float的定义：（w3地址:http://www.w3.org/TR/CSS2/visuren.html）"This property specifies whether a box should float to the left, right, Read More
学习CSS有了一定基础后，有的人会觉得好象没有什么学的．因为知道一些基本的理论性的东西．CSS说它容易是因为它的知识点有限．说它难学就在于各浏览器对CSS的支持程度不同．如何深入学习我给出以下几点见意：１.去找机会多做一些项目，公司的，或是外包的，哪怕你没有人民币挣也要做．这一条并不是多做就会好有的效果，有的人做的项目不少总是按着老的思路去做，做了很多，水平也不会有太大的提高，提高的也只能是熟练度．每一次在做的过程中要学会去思考，看看我们有没有更优化的的方法去实现同一个效果．多说一个题外话：有一个错误的观点认为HACK是不好的．想法也是错的．我们在做页面时原则是不使用HACK，但是如果在特别需 Read More
一、import的用法1，在html文件中2，在css文件中@import url("CSS文件");对@import url（）做一下总结：1，@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，所以会出现一... Read More
网页布局-常见1， float布局（1）常规方法 这里是第一列 这里是第二列 这里是第三列 CSS:以下是引用片段：#wrap{ width:100%; height:auto;}#column{ float:left; width:60%;}#column1{ float:left; wid... Read More
作为业余爱好，之前都是用比较笨的方法切图，甚至用裁剪工具一张一张的切。后来知道用切片工具，但也仅限于互不重叠的图片。在工作中实际使用时才发现实在是太慢了，慢到上级自己说你不用做了，我来吧。其实，有更快的切图方式1，使用切片工具选中每一个图片，然后一次性另存为Web格式。如果两个图片有重叠，可以用移动工具把两个模块分离。（当鼠标选中移动工具时，菜单栏中的自动选择勾选去掉，这样可以以模块为单位整体移动）有些图片是错位重叠，有些完全是先后关系，其实本质都是一样的，完全移开就行了。2，对于多态的图片，可以另存为Web格式后，把另一态选中，再次另存为。这样多态都有了。另外，几点小经验（快捷键）：(1) Read More
我所遇到的前端程序员分两种：第一种一直在问：如何学习前端？第二种总说：前端很简单，就那么一点东西。我从没有听到有人问：如何做一名优秀、甚至卓越的WEB前端工程师。何为：前端工程师？前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。随着近两三年来RIA（Rich Internet A Read More