1、盒子模型的构成部分
网页元素(content):在网页上显示文本和图片的区域
内边距(padding):删除边框外的区域
边框(border):围绕在内边距和网页元素外的边框
外边距(margin):边框外面与其他盒子之间的距离
一个盒子模型就相当于一个煮好的鸡蛋,蛋黄就是content区域,蛋白就是padding区域,蛋壳就是border区域,蛋壳的外面与其他物体的距离就是margin区域。
其中padding、border、margin都有四个方向 ,盒子模型的顺序是上右下左,四个方向的值是可以单独给他进行设置的。
*{margin:0; padding:0;}为通配符,表示所有元素,这里去掉边距。 主要学习border的格式: border-width 修改边框粗细 -color 修改边框颜色 -style 修改边框样式(none 无边框;solid 实边框;dashed 虚线边框;dootde 点状边框;double双线边框) border跟font、background一样为复合属性