在学习uni-app过程中使用的css样式记录

在uni-app中，CSS样式主要是用于控制页面的布局和元素的外观。以下是一些在学习uni-app过程中使用的CSS样式记录的实例：

1. 设置文本颜色和大小：

.text-style {
  color: #333; /* 设置文本颜色为灰色 */
  font-size: 16px; /* 设置文本大小为16px */
}

2. 设置背景图片：

.bg-image {
  background-image: url('/static/bg.jpg'); /* 设置背景图片 */
  background-size: cover; /* 背景图片覆盖整个元素 */
  background-position: center; /* 背景图片居中 */
}

3. 设置边框：

.border-style {
  border: 1px solid #ccc; /* 设置1px的灰色实线边框 */
  border-radius: 5px; /* 设置圆角边框 */
}

4. 设置元素的宽度和高度：

.size-style {
  width: 100px; /* 设置元素宽度为100px */
  height: 100px; /* 设置元素高度为100px */
}

5. 设置元素的位置：

.position-style {
  position: relative; /* 设置元素的定位类型为相对定位 */
  top: 10px; /* 向下偏移10px */
  left: 10px; /* 向右偏移10px */
}

6. 设置flex布局：

.flex-style {
  display: flex; /* 设置flex布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

以上只是一些基础的CSS样式，uni-app支持全平台的CSS扩展语言如SCSS/LESS，可以用来写更复杂的样式。在实际开发中，你可以根据需要设置不同的样式来美化你的应用界面。