小程序开发入门

小程序WXML与WXSS详解

wxml:标记性文本

<image src="../"></image>

./查找同级目录下

../查找上级目录下

WXSS:样式表

wxml:<view class="title">hello world!</view>

wxss:.title{color: red}

js:动作

选择器

    类选择器

  1.类选择器 class                后面优先级高于前面优先级

    1.1 多个地方被使用

    1.2 一个地方使用多个

  2.element

 

盒模型


   做小程序的时候,尽量不用px,用%
   box-sizing  两者的盒子的宽度是否包含表框和内边距
    content-box  width 不包括 padding 和 border
    border-box   width 包括 padding 和 border


1.margin 外边距
  margin-left 左边距
  margin: 10px 2px    上下边距、左右边距
  margin:A B C D      上 右 下 左

2.padding 内边距

3.border  边框

4.内容

5.position  定位默认static
  relative  相对于自己的位置偏移
  absolute  相对于非static最近的父级元素(),若没有,则全局
  fixed     一般来说相对于视窗(屏幕)

flex

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值