[web设计] CSS Sprites 图片整合技术
css中用一张背景图做页面的技术有什么优势？
简单介绍一下 CSS Sprites 的优点：
当用户往U盘中拷200张图片，会等
很久。但是如果弄成一个文件，再拷贝就会快很多。
CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载
速度。
实
现方法
：
首先将小图片整合到一张大的图片上
然后根据具体图标在大图上的位置，给背景定位。
background-position:-8px -95px;
ShuzirenCMS在编辑器,网上商城等栏目模块上已全面开始使用此技术
相关文档：
盒子标签和属性对照
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌握的知识。不过，还是经常会有人问到这个问题，在这里我简单总结一下使用Div和CSS实现页面水平居中的方法：
一、margin:auto 0 与 text-aligh:center
在现代浏览器（� ......
TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PA ......
我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢，浏览器渲染的速度又如何呢？
这是应该是浏览器开发者应该关心的(页面加载更快，用户就会更愉快)。Mozilla有一篇文章：about best practices . Google当然也很关心这个问题，他们也有这样一篇文章：Optimize browser rendering 。
让我们了解下他们主要倡 ......
网页切图过程中div+css命名规则
内容：content/container 导航：nav 侧栏：sidebar
栏目：column 标志：logo 页面主体：main
广告：banner 热点：hot 新闻：news
下载：download 子导航：subnav 菜单：menu
搜索：search 页脚：footer 滚动：scroll
版权：copyright 友情链接：friendlink 子菜单：sub ......
