从入门到放弃:微信小程序入门个人指南Day 4

    1.    概述:是一套样式语言,用来描述WXML的组件样式,与CSS相比扩展了属性有,尺寸单位:rpx,rem.样式导入:使用@import语句可以导入外联样式表.
    1.1选择器
    选择器            样例                描述
    .class            .intro            选择所有拥有class="intro"的组件
    #id             #firstname        选择拥有id="firstname"的组件
    element            view             选择所有view组件
    element,element    view checkbox     选择所有文档的view组件和所有的CheckBox组件
    ::after            view::after      在view后面插入内容
    ::before        view::before    在view组件前边插入内容


    1.2尺寸单位
        rpx:规定屏幕宽750rpx
        rem:规定屏幕宽度为20rem

    1.3高度,宽度:height,width,单位可以用px,rpx,rem或者百分比
    1.4内间距:padding
    1.5外间距:margin
    1.6边框:border
    1.7字体颜色:color
    1.8背景background
    1.9字体font-size
    1.10布局display:flex
            flex-direction:row(横向排列,各子块必须定义宽度或flex,高度默认为容器高度)
            flex-direction:column(纵向排列,各子块必须定义高度或flex,宽度默认为容器宽度)

猜你喜欢

转载自blog.csdn.net/qq_25652213/article/details/84060875