WXSS/CSS萌新技巧Get——text-indent
居家半个月兴起打算学习一下小程序开发，以此为契机注册了51博客，又被新人福利送鼠标垫所吸引（旧鼠标垫搬家时丢了），于是就从这里，开始学着写博客吧！text-indent的作用是给文本加上首行缩进，填入的值即缩进量，和word中的首行缩进效果一样。正值向右缩进，负值向左。在学习案例的时候发现这个属性通...
【微信小程序】开发实战 之 「视图层」WXML & WXSS 全解析
在《微信小程序开发实战 之 「配置项」与「逻辑层」》中我们详细阐述了小程序开发的程序和页面各配置项与逻辑层的基础知识。下面我们继续解析小程序开发框架中的「视图层」部分。学习完这两篇文章的基础知识，动手开发一个简单的小程序应用已经不成问题了。视图层框架中视图层以给定的样式展现数据并反馈事件给逻辑层。视...
对CSS进行wxss思路学习，display属性。
先来概要一下学习思路：本系列内容，将针对微信小程序中的WXSS学习，所以在学习CSS时每一个知识点都在小程序IDE中进行实践，达到最好的学习效果。由于wxss与CSS有些许不同，在学习CSS过程中我们因尽力避免，在wxss中没有的属性花费太多时间。接触display属性：它是CSS中最重要的属性每个...
微信小程序开发：学习笔记[3]——WXSS样式
微信小程序开发：学习笔记[3]——WXSS样式快速开始介绍WXSS（WeiXinStyleSheets）是一套用于小程序的样式语言，用于描述WXML的组件样式，也就是视觉上的效果。WXSS与Web开发中的CSS类似。为了更适合小程序开发，WXSS对CSS做了一些补充以及修改。文件组成项目公共样式：根...
解决微信小程序开发中wxss中不能用本地图片
微信小程序开发中wxss中不能用本地图片，我们可以用将我们的图片传到服务器上，然后直接引用在线地址。但是当我们没有服务器时，我们可以用“图床”，这个具体可以百度。这里我们用第二种方法：将图片用base64加密。1.我们用在线加密对图片进行加密，这个网址百度一大堆，我只贴出一个http://imgba...
小程序wxss和css3的区别
经过设置发现，微信小程序中wxss并不能完全支持css3的全部功能。总结记录在此文中，以免忘记。0.wxss不能直接通过css3中的background-image属性来设置显示的背景图片。例如我在wxss中书写如下background-image:url(imageB.png);控制台打印：pag...
小程序WXSS布局
1.尽量采用flex布局，指定flex-direction是row(从左到右）还是column（从上到下）特别要记得写 flex-wrap:wrap;不然超出屏幕部分不会换行display:flex;flex-direction:row;flex-wrap:wrap;width:690rpx;2.美...