随笔分类 -  CSS

摘要：这篇文章的目标读者是网页开发人员。本文首先讲诉了CSS3的浏览器前缀，接着将讲述一些基于标准的扩展。在CSS3特性的部分里，将涉及圆角，rgba颜色，阴影，渐变，动画变换，和2D转换等。前缀有一些浏览器在CSS3还未标准化之前就已经实现了CSS3的特性。因此，在语法还未被标准规定下来之前，一些CSS3的样式就在那些浏览器中加上了其特定的前缀。例如在Firefox和Safari上，渐变的CSS3语法就不相同。Firefox 使用-moz-linear-gradient，而 Safari (WebKit) 则使用-webkitgradient。同理，很多的CSS3语法都被不同的浏览器加上了不同的前 阅读全文

摘要：原文http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。比如，可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者，如果需要更复杂的排版要求，可以考略使用其他方法，比如使用相对定位和绝对定位。在这篇文章中，我们首先要讨论元素浮动；然后，我们要讨论如何使用x,y和z轴控制元素的位置。元素浮动当构建一个页面的排版时，使用元素浮动是一种直观的方法去控制元素的位置。元素浮动可以让一个元素靠近 阅读全文

摘要：原文 http://www.stubbornella.org/content/2012/05/02/cross-browser-debugging-css/作者为YAHOO前端工程师。首先要做的是挑选一个好的浏览器。我的选择是Chrome，因为它拥有强大的调试工具。当我在Chrome上完成调试后，我会接着在Safari或者Firefox上调试。如果在这些“好的”浏览器上没有达到期望的效果，很有可能是代码本身违背了CSS规则。不要试图使用hack方法来解决在这些“好的”浏览器上出现的问题，而是应该找出问题的原因。通常我会检查以下可能的BUG出处：HTML代码解释 - 你是否忘记闭合一个标签？ 你 阅读全文