css基础2

框模型：定义了元素框处理元素内容element、内边距padding、边框border和外边距margin的方式。
外边距margin：与下一个元素之间的空间量。在设置value的值时，可以设置top，left，right，bottom，值的属性是px，%，也可以是负值，auto。在默认情况下，body，h1-h6，pre都存在外边距。设置auto，实现水平方向居中显示的效果。
margin的简洁写法，四个方向相同，（上下，左右），（上，左右，下），（上，右，下，左）。margin的合并纵向取大，横向相加。
背景图片的固定background-attachment：可以通过属性来设置：默认值scroll背景随文档滚动，可取值fixed背景图片的固定，并不会随着页面的其余部分滚动，常用于实现称为水印的图片。
背景的定位background-position
属性取值为%，x，y，left，right，bottom，top。
background-clip背景绘制区域：border-box背景被裁剪到边框盒，为默认值。padding-box背景被裁剪到内边距框，content-box背景被裁剪到内容框。
background-origin背景的定位区域，属性取值border-box背景图像相对于边框来定位。padding-box背景图像相对于内边距框来定位，content-box背景图像相对于内容框来定位。
background语法结构：colour url（图像）
URL repeat attachment position。
渐变语法：background-image属性设置，linear-gradient线性渐变，radial-gradient径向渐变，repeating-linear/radial-gradient重复线性/径向渐变。
线性渐变linear-gradient（angle，color-point1，color-point2....）第一个数指的是渐变的方向，可以是角度值，也可以是关键词，如to to/right/bottom/left对应0,90,180,270edg.
color-point颜色的起始点，中间点或者结束点，取值为颜色和位置的组合，如red0%，green50%。
radial-gradient径向渐变(size at position,color-point1,color-point2,....)position为第一个数，指渐变的圆心位置，默认值为center，可以取数值、百分比，或者关键字。color-point颜色的起始点，中间点或者结束点，取值为颜色和位置的组合，如red0%，green50%。