微信小程序课程学习-1.2.3-【零基础】

前端开发

• 工具准备（微信开发者工具）
• 基础知识：WXSS样式
• 前端实现思路梳理
• 各功能页面开发实操

---

CSS样式

基本思路，大小尺寸（长+宽+圆角）+定位尺寸+布局排列对齐方式+颜色+背景色，这些是基本属性，确认了这些，组件的样式也就确认了。具体知识学习菜鸟教程

了解几个基本概念：

• display布局：说的是元素内部子元素的排列方式
• position定位：说的是元素本身的定位方式
• standard基准：尺寸采用%表示时，注意是以谁为基准；定位方式不同时，定位基准也不同

菜鸟教程盒子模型

---

需要注意两点：

1.width和height是content的大小，整个元素大小要加上padding、border、margin。
2.元素和元素之间，元素与容器之间的位置、尺寸联系。注意父、子关系。

view组件样式说明

提醒：

如无特别写出，元素/组件之间排列顺序依照wxml中结构，如特别指出，则按照指出的顺序。比如绝对定位（absolute，以page空间的左上角为原点，left和top为横纵坐标）

定位属性

PS：自己遇到的问题：button的宽度改变不了
解决方法：app.json中的style V2删掉