转载：https://blog.csdn.net/u012927188/article/details/83040156 　　相信刚开始学习开发小程序的初学者一定对界面的布局很困扰，不知道怎么布局，怎么摆放位置，其原因是不了解CSS样式的属性，所以，今天代码君打算写一篇关于CSS的教程 ...

微信小程序的布局css样式width: fit-content;font-size:20px; /*设置文字字号*/color:red; /*设置文字颜色*/font-weight:bold; /*设置字体加粗*/border:1px solid red ...

flex布局简介 微信小程序页面布局方式采用的是Flex布局。Flex布局，是W3c在2009年提出的一种新的方案，可以简便，完整，响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐，方向以及顺序，甚至他们可以是动态的或者不确定的大小的。 样式设置为 display:flex ...

盒模型 ...

一、盒子模型： 　　margin(外边距)，边框外的区域，外边距是透明的； 　　border(边框)，围绕在内边距和内容外的部分； 　　padding（内边距），填充属性，是指内容周 ...

一、盒子模型： 　　margin(外边距)，边框外的区域，外边距是透明的； 　　border(边框)，围绕在内边距和内容外的部分； 　　padding（内边距），填充属性，是指内容周围的区域，内 ...

flex-direction 传送门 border 传送门 　边框 粗细：thin（细线）、medium（中粗线）和thick（粗线） 类型：九个确定值： ...

微信小程序开发：学习笔记[4]——样式布局 Flex布局 新的布局方式 　　在小程序开发中，我们需要考虑各种尺寸终端设备上的适配。在传统网页开发，我们用的是盒模型，通过display:inline | block | inline-block、 position、float来实现布局，缺乏 ...