CSS样式的划分（内联、内部、外联）

一个合格的页面少不了CSS的修饰，CSS样式来源主要分 3个形式

内联样式（优先级最高，假设权重设为100）

（view等于div,这里为uni-app）

代码：

<view style="width: 100%;"/>

内部样式（低于内联样式，假设权重设为10）

代码：

<view style="width: 100%;">

        <view class='demo-uni-row'>

                <span>

                        内部样式主要在style标签内的样式，可以是类选择器，ID选择器，全局选择器等等

                </span>      

          </view>

</view>

外部样式（低于内部样式，假设权重设为1）

代码：

<style>

       @import ''@/url(CSS样式存放路径)/name.css''

        在style标签内导入外部样式，外部样式内是各种选择器。

</style>

最后作用到页面元素身上，要看元素具体的权重是多少，来显示具体的样式效果。

具体优先级排序如下：

内联>内部>外部

！important权重最高，某个属性加上 ！important修饰

例如 width：100px !important （优先级最高）