jsfiddle 使用教程

標籤：height   trap   主菜單   lan   手寫   ram   width   注意   官方文檔   

最近有許多的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 運行即可看到效果

jsfiddle 使用教程