SpriteMe 页面CSS图片工具
SpriteMe是Google的一个开源项目,可以用来方便地找出一个页面中所使用的图片,然后可以将所以图片合并到一个“Sprite”图片,然后再通过
CSS控制调用哪一个区域,其提供了一个网站来安装,演示使用方法,http://spriteme.org/ 。
安装方法很简单,按照上面那个页面上的提示,将一个链接拖到“书签工具栏”即可,然后再按照上面的“Demo”一步步的操作。
SpriteMe 提供的特性:
查找页面背景图片;
组织所有图片到一个 sprites;
生成 sprite;
将生成的 sprite 注到当前页面;
重新计算背景图片位置的CSS。
该工具很方便使用,对于网页开发者可以提高其页面设计的效率,很赞!!
相关文档:
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内 ......
1、firefox下父容器的高度自适应
height:100%; overflow:auto;
2、IE6的双倍边距BUG
display:inline
3、超链接访问过后hover样式不出现的问题
改变CSS属性的排列顺序: L-V-H-A
4.FF下使连续长字段自动换行
IE中直接使用word-wrap:break-word
FF中我们使用JS插入的方法来解决
......
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:
<br />&l ......
在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美
世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现实中发生的失
窃却总是恰恰相反,很多CSS样式在 ......