这次布局和哥有理解的差别，关键在于看模块1和模块2内容是什么关系。如果是模块2是描述1，则用aside去写。另外article，哥的格式是里面为header+section/p,自己平时article用得少，全是用div包裹，通过命名划分块。这次的命名也完全按照在网页中的位置写的，后来发现用结构命名不是很方便，感觉还是根据内容来命名比较好。
1、各种字体：
例：.selector{ font-family:Microsoft YaHei,“微软雅黑”,MicrosoftJhengHei,“华文细黑”,STHeiti,MingLiu }
注：如果字体的名称是一个单词的，不需要加引号，否则在ie6，7里面会失效，并且后面的样式也会不生效！
说明：
加上中文名“微软雅黑”是为了兼容opera。
MicrosoftJhengHei为微软正黑体，STHeiti为华文黑体，MingLiu记得11px下的中文有着不凡的效果。
在css中推荐使用中文字体的英文表示法，以下附常见中文字体的英文名：
Mac OS的一些：
华文细黑：STHeiti Light [STXihei]
华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
儷黑 Pro：LiHei Pro Medium
儷宋 Pro：LiSong Pro Light
標楷體：BiauKai
蘋果儷中黑：Apple LiGothic Medium
蘋果儷細宋：Apple LiSung Light
Windows的一些：
新細明體：PMingLiU
細明體：MingLiU
標楷體：DFKai-SB
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微軟正黑體：Microsoft JhengHei
微软雅黑体：Microsoft YaHei
装Office会生出来的一些：
隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei
2、让文字居底：
方法一：line-height: 104px; 距离顶部是46px,那么行高就是46+46+12；行高越高越居底
方法二：给div设置，padding，计算多，还要注意改div本身的宽高
方法三：文字绝对定位;只需测量文字的底和左距；
方法四：文字相对定位；
3、ps反选键：ctrl+shift+i；
4、自己不熟的有效果小标签
提示：可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本；
例：The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
<b> 标签规定粗体文本，根据 HTML5 规范，在没有其他合适标签更合适时，才应该把 <b> 标签作为最后的选项。HTML5 规范声明：应该使用 <h1> - <h6> <em> <strong> 标签来表示重要文本，应该使用 <mark> 标签来表示标注的/突出显示的文本。也用font-weight来定义粗体；
<i> 标签显示斜体文本效果。
<u> 标签可定义下划线文本
5、字体大小设置：
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。
EM特点
1. em的值并不是固定的；
2. em会继承父级元素的字体大小。
所以我们在写CSS的时候，需要注意两点：
1. body选择器中声明Font-size=62.5%；
2. 将你的原来的px数值除以10，然后换上em作为单位；
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继承#content的字体高而变为了1em=12px。
rem特点
它始终是基于根元素（html） 的，需要注意的是，为了兼容不支持 rem 的浏览器，我们需要在 rem 前面写上对应的 px 值，这样不支持的浏览器可以优雅降级。
