结果展示
Result1_Image.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HomeWork</title>
<link rel="stylesheet" href="homework.css" type="text/css"></head>
<body>
<div class="header">
<img src="images/blah.png" alt="">
<ul class="nav">
<li><a href="">Home</a></li>
<li><a href="">Site</a></li>
<li><a href="">Other</a></li>
</ul>
</div>
<div class="content">
<h2>The Beach</h2>
<hr>
<div id="img">
<img src="images/0001.jpg" alt="">
<img src="images/0002.jpg" alt="">
<img src="images/0004.jpg" alt="">
<div class="article">
<p>
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.
</p>
</div>
</div>
</div>
<div class="footer">
<p>©mugglecoding</p>
</div>
</body>
</html>
总结：
-
边缘阴影效果：
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又回来了。。见鬼了，简直。