小程序开发CSS的基本知识点

选择器

ID，标记（使用html元素名称），类选择，组合选择（逗号分隔，h1，h2，h3｛｝），后代选择器（使用空格），伪类选择（：checked，visited，hover，：after）

元素的框架结构

矩形.png

在css中使用、填充、边框和边距来控制元素。应注意毛边重叠的问题

.ac｛边框：1px实心#ccc；背景颜色：#555；高度：100px；宽度：100px；

边距：10px；

}

.bc格式{

边框：1px实心#ddd；背景色：#eee；宽度：100px；高度：100px；

边距：10px；

}

图像.png

元件定位

位置属性的值。静态：默认值。相对：静态和静态的区别在于可以使用顶部、右侧、底部和左侧属性；绝对：绝对定位，定位基于上层元素中的非静态元素。否则，定位将基于浏览器窗口。固定：定位基于浏览器窗口。不建议使用。

float：元素左右浮动。

肉片

边界半径属性；方框阴影：10px 10px 5px#ccc，设置阴影

出身背景

价值

描述

CSS版本

指定要使用的背景色。

一

指定背景图像的位置。

一

指定背景图片的大小。

三

指定背景图像的重复方式。

一

指定背景图像的定位区域。

三

指定背景的绘图区域。

三

指定背景图像是固定的还是随页面的其余部分滚动。

一

指定要使用的背景图像。

一

CSS开发脚本

通过更方便的脚本开发生成最终css文件

小程序开发框架wepy默认使用较少，

vue框架使用的Sass、Sass，

CSS框架

Bootstrap：一个非常广泛使用的css框架，由twitter和开源开发，有必要掌握这个css框架。小程序开发

Weui：微信官方提供的CSS库

一个好的控制库。编写css样式，您可以直接使用applet中的控件