作者：zccst随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏，只能制作 出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是时间一长，却发现色彩杂 乱，没有个性和风格；第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一 色彩甚至非彩色就可以设计出简洁精美的站点。“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师:)1 Read More
作者：zccst最近见到一种图标写在content里的用法，觉得很新奇。查了一下是webfont。问题：以下是我看到的一段css的源代码，其实就是在分享到为微博的时候的图标a#end_cc, a#twitter, a#weibo {margin: 0 5px;border-bottom: none; }a#end_cc:before, a#twitter:before, a#weibo:before {font-size: 24px;font-family: "fontello"; }#end_cc:before {content: "\e7a5"; } Read More
作者：zccst在网上搜：网站配色。可以搜到配色网：http://www.peise.net/palette/2.html网页色彩搭配原理及技巧随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一色彩甚至非彩色就可以设计出简洁 Read More
display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。display:inline就是将元素显示为行内元素. inline元素的特点是： 和其他元素都在一行上； 高，行高及顶和底边距不可改变； 宽度就是它的文字或图片的宽度，不可改变。 , , , , , 和是inline元素的例子。 inline和block可以控制一个元素的行宽高等特性，需要切换的情况如下： 让一个inline元素从新行开始； 让块... Read More
内层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