摘要: 一、写在前面的都是自己积累形成的一些东西,可能带有明显的个人印记。不是专业内容,不是权威指南,只是展示一点自己的观点,借此希望能与各位优秀的同行交流看法,见解。以得到进步与提高。本文原地址:http://www.zhangxinxu.com/wordpress/?p=944,来自张鑫旭-鑫空间-鑫生活,访问原出处更多优秀技术文章。本文作者:张鑫旭,欢迎访问我的个人网站。二、我所知的一些过往的做法关于如何处理网站的CSS,各个网站做法都不一样,这随着网站的性质及大小不同,公司前人留下的规范不同,以及CSS工程师的眼界不同而有所不同。由于我从业经历有限,所知甚浅,只能说些肤浅业余的内容,不准确之处 阅读全文
posted @ 2012-04-27 11:26 在路上~记录点滴 阅读(203) 评论(0) 推荐(0)
摘要: 一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点,不会花费过多篇幅详细讲述。这里就简单带过,z-index伴随着层的概念产生的。网页中,层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道,层级越高(图层越靠上),越在上面显示,如果层发生重叠,层级高的会覆盖层级低的,如果非透明或半透明,则会遮挡。在photoshop中,层的高低就是靠手动调的,鼠标拖拽,或是ctrl+]或是ctrl+shift+[快捷键改变层的次序。如下图,鼠标拖移改变层次序的过程中:在flash中,类似,可以手动改变图层次序,或是使用as脚本 阅读全文
posted @ 2012-04-27 11:25 在路上~记录点滴 阅读(141) 评论(0) 推荐(1)
摘要: min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":""); 阅读全文
posted @ 2012-04-03 23:05 在路上~记录点滴 阅读(171) 评论(0) 推荐(0)
摘要: 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 3.浮动ie产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略} 阅读全文
posted @ 2012-03-15 18:11 在路上~记录点滴 阅读(119) 评论(0) 推荐(0)
摘要: 在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将设计好的图就可以通过软件输出表格的布局了,根本不需要重构这个多余的职位。随着WEB2.0的到来和W3C的规范得到世人的认可,内容和样式的分离更方便进行开发和维护,传统的表格布局和内容混排的方式逐渐地被淘汰,美工已不能完全一手包办越来越复杂的效果和高要求的页面布局了。此因催生了一个新的职位——前端工程师。鄙人刚好作为一名WEB2.0成长起来的前端工程师,虽然说做的项目不多,但乐于与人分享。虽然分享的 阅读全文
posted @ 2012-03-15 15:55 在路上~记录点滴 阅读(1079) 评论(0) 推荐(0)