这次布局和哥有理解的差别，关键在于看模块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 值，这样不支持的浏览器可以优雅降级。