SpriteMe 页面CSS图片工具
SpriteMe是Google的一个开源项目,可以用来方便地找出一个页面中所使用的图片,然后可以将所以图片合并到一个“Sprite”图片,然后再通过
CSS控制调用哪一个区域,其提供了一个网站来安装,演示使用方法,http://spriteme.org/ 。
安装方法很简单,按照上面那个页面上的提示,将一个链接拖到“书签工具栏”即可,然后再按照上面的“Demo”一步步的操作。
SpriteMe 提供的特性:
查找页面背景图片;
组织所有图片到一个 sprites;
生成 sprite;
将生成的 sprite 注到当前页面;
重新计算背景图片位置的CSS。
该工具很方便使用,对于网页开发者可以提高其页面设计的效率,很赞!!
相关文档:
CSS简写
就是指将多行的CSS属性声明化成一行,又称为CSS
代码优化
。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。
太多的人使用Dreamwe ......
.box128{
width:128px;
height:128px;
text-align: center;
vertical-align:middle;
display:table-cell !important;
display:block;
border:1px solid #DDD;
  ......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
2、无边框。推荐的写法是 border:none;,哈哈,我一直 ......
1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。
2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。
3、一个兼容性调整(IE和Mozilla)的笨办法:初学可 ......
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:
<br />&l ......