白小虫

摘要： 多类选择符的写法。例如： #my.c1.c2 { color:red;} .c1.c2 { color:red;} 以上写法在IE7+/FF/Opera/Safari 等浏览器都支持。 但在IE6中，后一个类名会覆盖前一个类名，也就是说，上例被IE6理解为： #my.c2 { color:red;} .c2 { color:red;} 同理： #my.c1.c2.c3 { color:red;} IE6理解为　#my.c3 {color:red;} .c1.c2.c3 { color:red;} IE6理解为　.c3 { color:red; } 所以开发中用多类来... 阅读全文

摘要： CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声名.CSS技巧1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。缺点是要控制内容不要换行2.margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。 阅读全文

摘要： 什么是CSS Hack？ 不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。CSS Hack 形式 CSS Hack大致有3种表现形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Hack主要针对IE浏览器。 1、属性级Hack：比如IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而fire 阅读全文

摘要： 前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合，完美还原设计图稿，编写兼容各大浏览器、加载速度快、用户体验好的页面。现在还需要跟SEO人员配合，调整页面的代码结构和标签。一些成熟的平台，在开发初期并没有考虑优化问题，所以做出来的页面，就算是效果很炫，功能很强，但是对搜索引擎非常的不友善。任何一个成熟的网站，后期页面都是动辄几百万的，到这个时候再来调整结构，既费时又费力，最怕的还是会影响到排名和收录。所以说与其在后期碰到问题再来调整，还不如把问题解决在源头。我本人也是从事前端开发工作的，下面把我工作过程中，积累的几个开发过程中就需要做好的SEO优化技巧，分享给大家。1、简化代码结构，更利 阅读全文

摘要： 在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰相反，很多CSS样式在不同的浏览器中有着不同的解释和呈现。 当今流行的浏览器(如:Firefox、Opera、Internet Explorer、Chrome、Safari等等)中，有一些都是以自己的方式去理解CSS规范，这就会导致有的浏览器对CSS的解释与设计师的CSS定义初衷相冲突，使得网页的样子在某些. 阅读全文

摘要： 写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。　CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- text-align等) 4.背景(b... 阅读全文

摘要： 选择器(selector)是CSS中很重要的概念,所有HTML语言中的标记都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行控制,并赋予各种样式声明,即可实现各种效果。　1.** { margin: 0; padding: 0; } 星号选择器用于选取页面中的所有元素，可用于快速清除所有元素的margin与padding，但最好只在测试的时候使用，而不要正式用在 CSS 文件中，否则会大大加重浏览器负担。此外，星号选择器也可以给父层的所有子元素设定样式，重复一遍，尽量少用这种方式：#container * { border: 1px solid black; . 阅读全文

摘要： 10.Package controlPackage control是必装插件，所有其他的插件和主题都可以通过它来安装。希望它能出现在正式版默认包中。9.Bracket Highlighter用于匹配括号，引号和html标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效。8.DocBlockrDocBlockr可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++。使用方法按下Enter或者Tab键，代码自动变成7.SideBar Enhancem 阅读全文

摘要： 阅读全文

摘要： 1、分别在文本的4个边上添加1像素的黑色阴影。2、设计阴影不发生位移，同时定义阴影模糊既可。用一个或一组阴影都可以。Text ShadowText Shadowbody{ background-color: #ccc;}p{ text-align: center; padding: 24px; margin: 0; font-family: helvetica,arial,sans-serif; color: #d1d1d1; font-size: 80px; font-weight: bold;}.p1{ text-shadow:-1px... 阅读全文