頭部導(dǎo)入ionic.min.CSS

1.ionic顏色

1)ionic 提供了很多顏色的配置，當(dāng)然你可以根據(jù)自己的需要自定義顏色。通常來(lái)說(shuō)顏色意味著重寫.

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

         工具類顏色被用來(lái)設(shè)置命名規(guī)約. 你可能會(huì)注意到ionic有意地不使用red或者blue這些詞語(yǔ). 取而代之的是通過(guò)使用描述情緒或通用主題的詞語(yǔ).

         回到現(xiàn)實(shí), 設(shè)置顏色是最簡(jiǎn)單的一件事情, 不同的app對(duì)顏色有不同的要求. ionic的目標(biāo)就是提供一套干凈的系統(tǒng)用于建立在維護(hù)之上,又保持遠(yuǎn)離怎樣使不同的app通過(guò)選擇顏色的方式去自定義它的設(shè)計(jì)."

<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圖標(biāo)
            ionic 也默認(rèn)提供了許多的 圖標(biāo)，大概有500多個(gè)。用法也非常的簡(jiǎn)單：只需添加 icon 和Ionicon的類名即可, Ionicon可在Ionicons此查閱.
            圖標(biāo)樣式CDN地址：http://www.runoob.com/static/ionic/css/ionicons.min.css。
用法實(shí)例
<ul><i class="icon ion-star"></i></ul>