微信小程序-贪吃蛇开发4 wxml和wxss学习

本系列是作者自学实践过程的记录
本文是微信的wxml和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的内容：菜鸟教材