jsfiddle 使用教程

最近有许多的Css 3 demo，所以为了方便查阅，就将demo部分放在 jsfiddle ，方便往后翻阅。

这是 JSFIDDLE 的官网文档，都是英文，不过对照看仍是能够的：官方文档

HTML区域：

它的HTML区域已经包含 html / meta 标签，所以在它的HTML区域就不要再写文档类型标签了，不然会给出警告；

它的使用方式是直接写你的DOM节构：

<div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="navbar">主菜单
                        <ul class="menu">
                            <li><a href="#" class="fa fa-facebook"></a></li>
                            <li><a href="#" class="fa fa-google-plus"></a></li>
                            <li><a href="#" class="fa fa-twitter"></a></li>
                            <li><a href="#" class="fa fa-linkedin"></a></li>
                            <li><a href="#" class="fa fa-pinterest"></a></li>
                            <li><a href="#" class="fa fa-rss"></a></li>
                            <li><a href="#" class="fa fa-instagram"></a></li>
                            <li><a href="#" class="fa fa-skype"></a></li>
                            <li><a href="#" class="fa fa-github"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

CSS 区域：

1. 本地css 直接手写便可
2. 加载外部的 css 注意点，jsfiddle 是 htpps 站点，所以，若是须要加载外部的css的话，须要进入 https CDN 搜索你须要的外部css，并复制它的 link连接

写好以后 ，点击 RUN 运行便可看到效果