[teemo][20161128][html+css]简约简历布局设计

1、box-shadow属性？

参考W3C的例子，更容易理解，用于做出内容浮出背景的效果。

http://www.w3school.com.cn/cssref/pr_box-shadow.asp

2、让dt与dd同一行，并且dt与dd分列显示，有几种方案？

这两个都是自定义列表dl，左边英文都是dt，右边都是dd。

方案一：dd、dt都设置inline-block，设置定宽，为了使第二行的dt不会浮动上第一行的dd后面，使用百分比形式，dt、dd都设置为width=45%;

方案二：dt、dd都设置左浮动，dd设置左外边距为容器宽度的50%。。。。结果不太理想TAT，有用浮动更方便实现的同学请留言啊。

 

3、本地使用font-awesome的方法？

1. font-awesome.css下载到本地；

2. 里面，开否的@font-face中使用到的几个字体文件，下载到本地；

3. 修改本地font-awesome.css中引用的字体文件url，改为本地的字体文件；

4. html中引入本地font-awesome.css文件，over！

4、写了两遍博客的感想：

html的编写要分区块分层次：根据设计图写html的时候，将设计图划分区块，每一块都放在容器里面；这样，在html写完之后，就可以直接开始样式布局了，而不用一遍一遍在html与css之间来回查看，来回改动；

html设计相同的区块用相同的布局：右边的个人经历部分，是相同的样式，可以考虑划为布局一样的容器，或者是一样的容器层次结构；

字体接触的少：各种字体使用，十分的不熟悉，布局是出来的，但是字体没有弄；助教老师说，如果设计图没有说明字体的话，自己弄的好看就行了，5⃣️5⃣️5⃣️。

5、设计图：

6、我做的效果：

7、我的完整的代码：