css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距，所以掌握它的用法对于前端的同学来说，那是必须的。本文非常基础，老鸟可以略过。
负边距在普通文档流中的作用和效果
那些没有脱离文档流的元素（指不是浮动元素也不是绝对定位、固定定位的元素等），其在页面中的位置是跟随者文档流的变化而变化的。看下面这幅图：
负边距对这些由文档流控制的元素的作用是，会使它们在文档流中的位置发生偏移，但这种偏移不同于相对定位，通过相对定位偏移......
网上的一些处理方法，很值得参考：
一般的文字截断（适用于内联与块）：
.text-overflow {
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(…) ；需与overflow:hidden;一起使用。*/
}
对于表格文字溢出的定义：
table{
width:30em;
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}
td{
width:......
HTML5 启动模板
当启动一个新的项目的时候，你需要一个启动模板。这里是一个简洁干净的模板，可以作为 HTML5 项目的基础。
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<......
闲来无事翻看taobao源码时看到了以下内容：
<meta charset=”gbk”>
<link rel=”dns-prefetch” href=”//g.tbcdn.cn”>
<link rel=”dns-prefetch” href=”//gtms01.alicdn.com”>
<link rel=”dns-prefetch” href=”//img01.taobaocdn.com”>
<link rel=”dns-prefetch” href=”//img02.taobaocdn.com”>
<link rel=”dns-prefetch” href=”//img03.taobaocdn.com”&g......
一、打开浏览器的 Custom.css 文件
本文以 Chrome 为例（CSS 修改后立即生效），进入同事或朋友的电脑，按下面方式打开 Custom.css 文件
Mac：~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
Windows XP：系统盘:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css（其他 Windows 系统类似，在个人账号中的找“应用数据” AppData……）
Ubuntu (Chromium)：~/.config/chromium/Default/User StyleSheets/Custom.css
......