小程序开发CSS的基本知识点
小程序开发
浏览：763 次
选择器
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中的控件
