DIV+CSS的命名规则
一个网站的优化有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面将对目前流行的DIV+CSS的命名规则整理如下：
页头：header 登录条：loginBar
标志：logo 侧栏：sideBar
广告：banner 导航：nav
子导航：subNav 菜单：menu
子菜单：subMenu 搜索：search
滚动：srcoll 页面主体：main
内容：content 标签页：tab
文章列表：list 提示信息：msg
小技巧：tips 栏目标题：title
加入：joinus 指南：guide
服务：service 热点：hot
新闻：news 下载：download
注册：register 状态：status
按钮：BTn 投票：vote
合作伙伴：partner 友情链接：friendLink
页脚：footer 版权：copyRight
CSSID的命名如下：
外套：wrap 主导航：mainNav
子导航：subNav 页脚：footer
整个页面：content 页眉：header
商标：label 标题：title
主导航：mainNav(globalNav) 顶导航：topnav
边导航：sidebar 左导航：leftsideBar
右导航：rightsideBar 旗志：logo
标语：banner 菜单内容1：menu1Content
菜单容量：menUContainer 子菜单：submenu
边导航图标：sidebarIcon 注释：note
面包屑：breadCrumb（即页面所处位置导航提示） 容器：container
内容：content 搜索：search
登录：login 功能区：shop（如购物车，收银台） 当前的：current
这些标准的命名更有利于设计工作中的多人协作模式以及代码的进一步标准化
相关文档：
效果图
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
......
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
源地址：http://www.iwms.net/n1919c40.aspx
......
今天受一同学的委托，接了以个网站的美工的活！主要是做CSS方面设计的问题，这方面的东西我还比较喜欢做，因为都是一些美好的东西嘛，并且所见即所得。
其实CSS这个东西并不难，比起算法和程序设计容易多了，难得是怎么用！
CSS无非包括框架，布局，字体，颜色，这四个部分。
个人感觉想学好CSS没有别的着数，只有认认真 ......
本人一般用editplus写一些小的测试代码或者来研究学习别人的代码，但经常会遇到这些问题：下载过来的HTML/CSS代码混乱，JS代码被压缩，或者是我们想把我们的代码做一下压缩混淆以供发布时使用。当然，对于代码的格式化和代码压缩等，我们都可以使用专有的工具，或者使用一些在线的工作来做，既然E ......
CSS可以处理高度、宽度、深度三个维度。在前面的课程中，我们已经了解了前两个维度。在本课中，我们将学习如何令不同元素具有层次。简言之，就是关于元素堆叠的次序问题。
为此，你可以为每个元素指定一个数字（z-index）。其原理是：数字较大的元素将叠加在数字较小的元素之上。
比方说，我们正在打扑克，并且拿了一手同 ......
