常用css

布局

        display：  flex  让div排一横排，内部元素指定宽度

        display:     flex;flex-wrap:wrap;max-width:1024px;   所有div在一行，超过长度则自动换行

        display:     grid;grid-template-columns:200px 1fr 400px;  表格方式布局，总共三列，

                                第一列宽度200px，最后一列宽度400px，中间一列不限定

外边框

        margin ：2px 四周 2px 3px 上下2左右3  2px 3px 4px 上右下左。顺时针

        margin-left: -10px；让元素叠加

内边框

        padding   同上

元素对齐

        vertical-align： top;垂直向上齐

        justify-context:   center; display:flex下才能居中对齐

按钮美化

        border: 1px solid transparent 透明

显示边框

        border:1px solid red;或solid transparent; 边框宽度1px，红色边框

相对位置

        position：absolute 

圆角div

        border-radius:4px;全圆角 border-top-left-radius:4px  左边圆角