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
这些标准的命名更有利于设计工作中的多人协作模式以及代码的进一步标准化
相关文档：
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
源地址：http://www.iwms.net/n1919c40.aspx
......
// 按字符换行
style="word-break: break-all;"
// 按词组换行
style="word-wrap: break-word;"
==========================================================================
==========================================================================
font-family:Ari ......
在进行页面设计的时候，相信下面这些东西应该能够帮助你，DIV+CSS，希望可以为你节省一点时间。
一、 善用css缩写规则
/*注意上、右、下、左的书写顺序*/
1. 关于边距（4边）：
1px 2px 3px 4px (上、� ......
本人一般用editplus写一些小的测试代码或者来研究学习别人的代码，但经常会遇到这些问题：下载过来的HTML/CSS代码混乱，JS代码被压缩，或者是我们想把我们的代码做一下压缩混淆以供发布时使用。当然，对于代码的格式化和代码压缩等，我们都可以使用专有的工具，或者使用一些在线的工作来做，既然E ......
CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动（参见第13课），你将能够创建多种高级而精确的布局。
本课我们将讨论以下内容：
CSS定位的原理
绝对定位
相对定位
CSS定位的原理
把浏览器窗口想象成一个坐标系统：
CSS定位的原理是：你可以将任何盒子（box）放置在坐标系统的任何 ......
