Applet wxss introduction

Selectors

• Class selectors class ,. Started on

 /*  Multiple places are used ; Use multiple in one place  */
  <view class="course-card sec-card"></view>

• element

• Combination selector , Comma separated

.course-card image {
    
  width: 100%;
  border-radius: 5px;
}

• ID Selectors

• Descendant selector , The blank space to separate

Color

• rgb/16 Base number
• Where to use color , typeface 、 background 、 Frame 、 shadow
• family size weight

 font-size: 14px;
 color: #23b8ff;

The box model

• Margin 、 padding 、 Border and content section
• When doing small programs , As far as possible need not px , Use %
• box-sizing content-box border-box

  margin-left: 2vw;
  margin-right: 2vw;
  margin-top: 10px;
  margin-bottom: 10px;

Positon location

• fixed Relative window
• relative Relative to oneself
• absolute Relative to the nearest non static ,page

Flex

• Layout
• Parent container , Sub container
• display: flex flex Pilot Website

.list-scroll-view {
    
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
}