背景属性
背景颜色（默认是无色，transparent）
背景图片
背景平铺
背景位置
（1）x，y方式
（2）方位名词
left right center等
（3）两者混合
背景尺寸
background-size：
contain 与 cover 有区别
圆角矩形
50%为圆形
值越大角越圆
盒模型
每个html元素相当于是一个矩形的盒子
由边框border 内容content 内边距 padding 外边距 margin组成
border边框
（1）基础属性
粗细 : border-width 样式 : border-style, 默认没边框 . solid 实线边框 dashed 虚线边框 dotted 点线边框 颜色 : border-color
box-sizing：border-box会固定边框大小，使边框不会撑大盒子。
（2）支持简写，没有顺序要求
border：10px solid black；
内边距
padding设置边框和内容间的距离。
表示四个方向都是10px
基础
复合写法
外边距
盒子与盒子之间的距离
复合写法:
去除浏览器默认样式
弹性布局
用 display: flex（放在父级元素中）;设置为弹性布局后
justify-content
设置主轴上子元素排列方式、
（1）在容器开头（与默认方式一致）
（2）在容器中央
（3）在容器右侧
align-items
设置侧轴上的元素排列方式 在上面的代码中 , 我们是让元素按照主轴的方向排列 , 同理我们也可以指定元素按照侧轴方向排列例：实现垂直居中
调试工具（查看css属性）
F12打开开发者工具
ELements
展示当前页面HTML文件
箭头是选择器，选中页面元素可查看对应代码
Console
调试JS代码，或者打印日志
Network
前后端接口交互
标签：盒子,背景,元素,相识,默认,边框,border,css From： https://blog.csdn.net/m0_74087487/article/details/143480037