知识总量的储备----之小插曲篇

单看这个题目可能挺费解的，感觉跟个人没什么关系，下面我分享一个个人场景

昨天在项目(对日)中遇到一个需求：

　　在页面添加一个share功能，可参考例子，然后给了一个可以参考日本的页面http://fitsgo.jp/matome/28965

　　大体样子是下面的情况

然后，正式开始

　　1.chrome浏览器把参考代码copy出来

　　　　粗略一看，这里面的信息是经过转码的

　　　　然后到找个在线转码工具http://tool.oschina.net/encode?type=4，把内容还原回来，分析代码里面

<div class="post-share">
		<span class="text">Share.</span>
		
		<span class="share-links">

			<a href="http://twitter.com/home?status=http://fitsgo.jp/matome/28965" class="fa fa-twitter" data-original-title="Tweet It">
				<span class="visuallyhidden">Twitter</span></a>
				
			<a href="http://www.facebook.com/sharer.php?u=http://fitsgo.jp/matome/28965" class="fa fa-facebook" data-original-title="Share on Facebook">
				<span class="visuallyhidden">Facebook</span></a>
				
			<a href="http://plus.google.com/share?url=http://fitsgo.jp/matome/28965" class="fa fa-google-plus" data-original-title="Share on Google+">
				<span class="visuallyhidden">Google+</span></a>
				
			<a href="http://pinterest.com/pin/create/button/?url=http://fitsgo.jp/matome/28965&media=http://fitsgo.jp/wp-content/uploads/2015/06/6c0696aa-s.jpg" class="fa fa-pinterest" data-original-title="Share on Pinterest">
				<span class="visuallyhidden">Pinterest</span></a>
				
			<a href="http://www.linkedin.com/shareArticle?mini=true&url=http://fitsgo.jp/matome/28965" class="fa fa-linkedin" data-original-title="Share on LinkedIn">
				<span class="visuallyhidden">LinkedIn</span></a>
				
			<a href="http://www.tumblr.com/share/link?url=http://fitsgo.jp/matome/28965&name=体脂肪率２５%から8%までダイエットしたけど、脚が細くならない…:ダイエット速報＠2ちゃんねる" class="fa fa-tumblr" data-original-title="Share on Tumblr">
				<span class="visuallyhidden">Tumblr</span></a>
				
			<a href="mailto:?subject=体脂肪率２５%から8%までダイエットしたけど、脚が細くならない…:ダイエット速報＠2ちゃんねる&body=http://fitsgo.jp/matome/28965" class="fa fa-envelope-o" data-original-title="Share via Email">
				<span class="visuallyhidden">Email</span></a>
			
		</span>
	</div>

　　　　把一些：url media subject 等等，替换为自己的经过转码后的代码。

　　　　到此，html准备完毕

　　2.html中css分析

　　　　首先分析上面的html中的东西