頭部導入ionic.min.CSS

1.ionic顏色

1)ionic 提供了很多顏色的配置，當然你可以根據自己的需要自定義顏色。通常來說顏色意味著重寫.

2)"我們更推崇讓ionic提供一種推薦的命名約束來命名你的顏色, 樣式, 主題等.

         工具類顏色被用來設置命名規約. 你可能會注意到ionic有意地不使用red或者blue這些詞語. 取而代之的是通過使用描述情緒或通用主題的詞語.

         回到現實, 設置顏色是最簡單的一件事情, 不同的app對顏色有不同的要求. ionic的目標就是提供一套干凈的系統用于建立在維護之上,又保持遠離怎樣使不同的app通過選擇顏色的方式去自定義它的設計."

<div class="content">      <ul class="list ">        <li class="item dark">          light          <span class=" light-bg light-border"></span>        </li>        <li class="item stable-dark">          stable          <span class=" stable-bg stable-border"></span>        </li>        <li class="item positive">          positive          <span class="color-demo positive-bg positive-border"></span>        </li>        <li class="item calm">          calm          <span class="color-demo calm-bg calm-border"></span>        </li>        <li class="item balanced">          balanced          <span class="color-demo balanced-bg balanced-border"></span>        </li>        <li class="item energized">          energized          <span class="color-demo energized-bg energized-border"></span>        </li>        <li class="item assertive">          assertive          <span class="color-demo assertive-bg assertive-border"></span>        </li>        <li class="item royal">          royal          <span class="color-demo royal-bg royal-border"></span>        </li>        <li class="item dark">          dark          <span class="color-demo dark-bg dark-border"></span>        </li>      </ul></div>
2ionic圖標
            ionic 也默認提供了許多的 圖標，大概有500多個。用法也非常的簡單：只需添加 icon 和Ionicon的類名即可, Ionicon可在Ionicons此查閱.
            圖標樣式CDN地址：http://www.runoob.com/static/ionic/css/ionicons.min.css。
用法實例
<ul><i class="icon ion-star"></i></ul>