结果展示
Result1_Image.png
HomeWork
The Beach
Zeno Rocha is the author of some cool open source projects like Browser Diet, jQuery Boilerplate and Wormz, a HTML5 Chrome Experiment. He used to work as a software developer at Petrobras (the largest company in Latin America) and Globoesporte.com (the most accessed sports website in Brazil). Now he's a Front-end Engineer at Liferay and co-founder of BrazilJS Foundation.
总结：
-
边缘阴影效果：
border: 1px solid #dddddd;
-webkit-box-shadow: 0 0 22px 0 rgba(50, 50, 50, 1);
-moz-box-shadow: 0 0 22px 0 rgba(50, 50, 50, 1);
box-shadow: 0 0 22px 0 rgba(50, 50, 50, 1);
- ##### pyCharm中对html文件的支持不如sublimetext的emmet来的好，需要注意2点：
1.head中写style时候，ctl+‘/’注释无效，需要手动在代码前加入‘//’，才可以注释；
2.head中写style时候，css代码没有任何提示。
----------------------------------------
*好吧，毕竟人家是py的编译器，不说太多。*
- MarkDown引入链接和图片的方法：
*图片：在图片这里做了优化，通常的方式就是，你复制上来就ok了，名字也可以自定义进行修改即可。*
*链接：链接的方法跟图片类似，把图片前面的！去掉即可。*
[](http://jianshu.io)
参考文章：http://www.jianshu.com/p/q81RER/
## 问题：
- 往里面粘贴pycharm的代码的时候，不会自动检索到代码中的换行、空格等符号，导致不得不手动换行，浪费不少时间。不知道是不是我没搞清楚，还是的bug。
> 后面经过测试，发现粘贴为纯文本时，似乎可以解决这一问题。
- Emmet的快捷访问方法中：快速写img的src，我本以为是*img:src{images/000$.jpg}*,发现还是不行，导致后面还需要手动修改，影响效率。
> 后面经过测试，发现快捷访问为：
div>img[src="images/000$.jpg"]*3
还发现了一个快捷访问查询的 [Emmet快速查询网址](http://emmet.evget.com/)还不错
- 最后还发现一个bug，差点被搞晕，markdown下图片上传的支持很差，而且html代码中img标签也被识别出是要上传的图片，一直卡在那里。结果你猜怎么着，我把图片的位置和代码中的img标签全部删除，发现可以上传了，而且，，，被删除的图片和img又回来了。。见鬼了，简直。