大小、定位、轮廓相关属性

1.width、height相关属性

                height：设置目标对象的高度。
                max-height：用于设置目标对象的最大高度。
                min-height：用于设置目标对象的最小高度。
                 width：设置目标对象的宽度。
                max-width：用于设置目标对象的最大宽度。
                min-width：用于设置目标对象的最小宽度。
        box-sizing属性
                concent-box：设置width、height控制元素的内容宽度和高度
                border-box：设置width、height控制元素的内容区加内填充区再加边框区的高度和宽度。
                inherit：指定从父元素继承box-sizing属性的值。
         resize属性：用于指示是否允许用户通过拖动来改变元素的大小。
         calc函数：用于width：calc(50%-14px)

2.定位相关属性

            position：absolute/relative 绝对定位 /相对定位

3.轮廓相关属性

          outline-color  -style  -width：颜色 线性 线宽
          outline-offset：用于设置目标元素轮廓与边框之间的距离

4.用户界面和滤镜属性

           使用fiter属性应用滤镜：
                blur(Npx)：设置模糊滤镜。
                brightness(百分比)：设置高亮滤镜。
                contrast(百分比)：设置对比度滤镜。
                drop-shadow(xoffset,yoffset,radius,color)：设置阴影滤镜。
                hue-rotate(Ndeg)：设置色调旋转滤镜。
                invert(百分比)：设置色彩反转滤镜。
                opacity(百分比)：设置透明度滤镜。
                saturate(百分比)：设置饱和度滤镜。
                sepia(百分比)：设置褐色滤镜。