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 運行便可看到效果