本系列是作者自学实践过程的记录
本文是微信的wxml和wxss学习使用
有问题欢迎讨论
目录
一、标签1.1 view1.2 modal 二、wxss三、详细学习一、标签
wxml和html类似,可以理解成专门用与微信小程序的html,html全称是Hyper Text Markup Language,超文本标记语言,是将网页进行逻辑分解,即便于人们设计网页,也便于网络的传输。
1.1 view
类似于html中的div或者span标签,都是将设页面分割成区域然后进行展示。
view标签也是块级元素,也就是说它会独占一行,后面元素会自动换行展示。
text标签是行级元素,作用和view类似,但是不会自动换行。
效果如图:
1.2 modal
二、wxss
和css一样,对wxml的样式进行修改,常用的包括字体大小、标签布局、背景颜色等。
这里同样也有css选择器:标签选择器、类选择器、id选择器,他们之间也有优先级,这个问题就不叙述了。
三、详细学习
这里的wxml不用太过关注,页面的布局和设计主要还是wxss进行设计,所以可以详细学习wxss,这里推荐一个网站,很详细讲解了css的内容:菜鸟教材
如果觉得《微信小程序-贪吃蛇开发4 wxml和wxss学习》对你有帮助,请点赞、收藏,并留下你的观点哦!