尺寸单位

rpx即响应式px，一种根据屏幕宽度自适应的动态单位
以750宽的屏幕为基准，750rpx恰好为屏幕宽度
屏幕变宽，rpx实际显示效果会等比放大

样式导入

使用**@import**语句可以导入外联样式表，**@import**后跟需要导入的外联样式表的相对路径，用**;**表示语句结束

@import url("./a.css");

支持基本常用的选择器class、id、 element等
在uni-app中不能使用*选择器
page相当于body节点

全局样式和局部样式

• 定义在**App.vue** 中的样式为全局样式，作用于每一个页面
• 在 **pages目录下的vue文件**中定义的样式为局部样式，只作用在对应的页面，并会覆盖App.vue中相同的选择器

字体图标

uni-app支持使用字体图标，使用方式与普通web项目相同，需要注意以下几点

• 字体文件小于40kb，uni-app会自动将其转化为base64格式
• 字体文件大于等于40kb，需开发者自己转换，否则使用将不生效
• 字体文件的引用路径推荐使用以~@开头的绝对路径 ```html APP.vue

```html
iconfont.css

@font-face {
  font-family: test1-icon;
  src : url( "~@/static/iconfont.ttf" );
}

• 然后直接在页面中类名引入使用就可以

  flex布局

  <style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
  
    .logo {
        height: 200rpx;
        width: 200rpx;
        margin-top: 200rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }
  
    .text-area {
        display: flex;
        justify-content: center;
    }
  
    .title {
        font-size: 36rpx;
        color: #8f8f94;
    }
  </style>
  

在所有页面中，