微信小程序开发从入门到实战 课件 第5、6章 页面设计与样式设计、数据交互与接口调用.pptx

第五章页面设计与样式设计

目录5.1页面布局5.2WXSS样式基础5.3响应式设计

5.1页面布局Part01

页面布局是指在小程序中组织和排列UI元素的过程，涉及容器、网格、定位等多个方面。01?页面布局的基本原则包括盒子模型、块级元素与行内元素以及浮动与定位。025.1页面布局

盒子模型由内容、内边距、边框和外边距组成，对padding、border和margin可以进一步细化为上、下、左、右4个部分5.1.1盒子模型图5-1-1盒子模型结构图5-1-2wxss中对padding、border、margin设置

Flex布局是flexibleBox的缩写，意为“