初识盒模型

159 阅读1分钟

盒子组成{Margin(外边距) 清除边框外的区域,外边距是透明的,会改变看上去的宽高。 Border(边框) 围绕在内边距和内容外的边框。 Padding(内边距) 清除内容周围的区域,内边距是透明的,会改变看上去的宽高。 Content(内容) 盒子的内容,显示文本和图像。}

  • {margin:0; padding:0;}

*为通配符,表示所有元素,这里去掉边距。 主要学习border的格式: border-width 修改边框粗细 -color 修改边框颜色 -style 修改边框样式(none 无边框;solid 实边框;dashed 虚线边框;dootde 点状边框;double双线边框) border跟font、background一样为复合属性