以前应聘前端工作的时候，考官总喜欢问CSS盒子是什么？其实就是margin外边距和padding内边距，外加一个border边框，换了个神奇的叫法。
margin外边距
外边距的意思就是，元素向外的距离。
代码示例
margin:10px;
文字代表元素本身，黄色代表外边距。
padding内边距
内边距跟外边距相反，元素向内的距离。
代码示例
padding:10px;
内边距也就是上面图片绿色地方，文字自身的宽高会变大。
border边框
给元素添加边框，可选边框样式、边框宽度、边框颜色值，很简单理解。
代码示例
border-width:5px; border-style:solide; border-color:red;
高手一般都是简写
border:5px solid red;
相关专题
css
2021-09-24 79css是前端开发中的样式语言,学好CSS可以帮助开发出漂亮的模板,css专题为您整理本站所有css相关信息,包含css模板下载,css使用教程分享和css示例代码....
- css3海浪波浪动态效果代码 [2021-10-25]
- css样式内加载其他CSS文件方法 [2021-09-27]
- HTML5+CSS3前端开发基础入门视频教程 [2021-09-16]
- HTML+CSS物业后台管理系统模板 [2021-08-15]
- HTML5/CSS3响应式Synthetica团队介绍模板 [2021-04-06]
