2021-09-15 CSS基础

(一).盒子模型
1.盒子的内容 content 高度height 宽度width
2.盒子的边框 border 它包括 边框的宽度 边框显示方式 边框的颜色
如：border: 2px solid #000
实线：solid
虚线：dashed
3.内边距padding 边框到内容的距离
4.外边距margin 边框与其它边框的距离
5.盒子居中 margin: 0 auto
6.padding有外扩属性 设置padding 的值 减去盒子本身的width 或height
7.盒子占有的宽度：内容的width+padding+border+margin的总和

(二).块元素和行内元素
1.块元素的特点：
(1).独占一行（该元素前后的其它内容都要换行）
（2）.直接适用盒模型的所有CSS属性
2.行内元素的特点
（1).不独占一行,多个行间元素可以在一行中呈现
（2）.部分适用CSS盒模型属性，如宽度高度由内容的多少决定，直接设置无效，上下边距设置无效
3.常见的块元素

4.元素间的转换display 属性

总结这两种元素的用法：
1.块元素体现的是大，大块的内容&#