XIAO-A前端技术

css技巧拥有悠长和历史的多彩了，按历史的观点，介绍一些最流行的css技巧，这不是一个详尽的列表，而且无需详细的记忆所有技巧和变形，但应该知道它的存在。列如，如果你恰好接管某个网站并且在较旧的样式表中发现了一些晦涩的css符号，就可以识别它们并且知道他们的用处。如果在该列表中无法找到特殊的技巧，需要时可硬从许多网页资源中查找它们，这些资源包括dynamux site solution 和centricle.com等。

不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这里我们就需要注意CSS书写技巧了。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。 由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 比如 IE6能识别下划线”_”和星号” * “，IE7能识别星号” * “，但不能识别下划线”_”，而firefox两个都不能认识。等等 书写顺序，一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法

经 常会在项目中碰到文字溢出的情况，解决起来也比较麻烦，而最大的麻烦还是在浏览器的兼容问题上。至少到目前为止，我还没找到用CSS就能完美解决文字溢出 的办法。前几天就再次碰到这个问题，之后一查，发现和迅雷的一个页面重构的面试题惊奇的相似，仔细一想，也没啥巧合不巧合的，只能说这种情况太常见了。 要求是这样的：一个新闻列表，新闻标题后紧跟着日期，新闻标题的宽度超过一定的宽度就要自动截断，但是日期必须显示完整。 花了点时间研究了下，最终的效果对于浏览器的兼容不是很理想，但我觉得也是很不错了。 效果图：

其实这个问题早先已经有人讨论过了，但是没有定论。一个人写代码的时候爱咋样咋样，但量在团队合作的时候就会出现问题，一般来说都会制定相应的标准来保证代码风格的一致性。