假期作业进度四

Posted on 2019-02-18 20:49  咳咳你  阅读(85)  评论(0)    收藏  举报

为了美观,今天进行css的布置,在微信小程序中,它被命名为wxss,

1.控制文字颜色,大小:

.text{

 font-size: 1.6em;/*文字大小*/

 color: #ff00ff;/*文字颜色*/

 text-align: center;/*文字居中*/

}

2.图片的样式控制,长度宽度。

.images{

width: 100%;

height: auto;

}

3.按钮样式<button>,可以用官网给的样式,可以了自己设定。 

button{

width: 50%;/*长度*/

background: #ff0;/*背景颜色*/

color: #969696;/*字体颜色*/

border-radius:5px; /*边角原弧度*/

}

button::after{

border: 10px solid #969696;/*边框*/

}

4。透明度,

opacity: 0.3;

最多1.0。

5.浮动和边距,

.fd{

   border: 1px solid red;/*边框*/

   width: 15%;/*长度*/

   float: left;/*浮动*/

   margin-left: 20px;/*距离左侧*/

}

这是一些基础的控制wxss的东西,这个是小程序的基础

接下来是js这控制了页面的交互等很多重要问题,