站长建议：本章建议直接看视频，因为实在是不可描述。
步骤1：margin是外边距
margin代表一个元素的外边距，简单来说，就是在标准文档流里面做推拿。行内标签只能横向推拿，块级标签可以四周推拿。对于块级标签，还可以用margin:0 auto来做居中。margin的写法：
margin: 200px; （四周一圈的外边距为200px）
margin：100px 200px; （上下的外边距为100px，左右的外边距是200px）
margin：100px 200px 100px 200px; （上 右 下 左）
margin-top
margin-right
margin-bottom
margin-left
padding也是一样的写法。
步骤2：padding是内边距
padding就是元素自己长胖，就这么简单！一般我们都是给块级元素或者行内块级元素加padding的。
总结：margin是推拿，padding是长胖，over~
CSS盒子模型 盒子模型边框 CSS盒子模型的宽度和高度 CSS模型的填充 CSS盒子模型的边界 填充和边界的区别
站长建议：本章建议直接看视频，因为实在是不可描述。 点击此处，在线观看视频 步骤1：margin是外边距 marg...
基于CSS盒子模型及其CSS定位详解 CSS盒子模型 效果显示 盒子模型的简单应用 效果显示: CSS定位 效果显示
介绍css的盒子模型 css的盒子模型有两种：IE盒子模型，W3C盒子模型盒子模型：内容(content),内边距...
1.css 盒子模型(css box model) 所有的html元素本质上都是盒子模型。在css 中，盒子模型常...
1.css盒子模型 CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content...
盒子模型（CSS 重点） css 学习三大重点： css 盒子模型 、 浮动 、 定位 主题思路： 目标...
1.CSS盒模型，在不同浏览器的差异 css 标准盒子模型 css盒子模型 又称为框模型（Box Model），包...
1.CSS盒模型，在不同浏览器的差异 css 标准盒子模型 css盒子模型 又称为框模型（Box Model），包...
1.CSS盒模型，在不同浏览器的差异 css 标准盒子模型 css盒子模型 又称为框模型（Box Model），包...
本文标题：第六讲 CSS盒子模型
本文链接：https://www.haomeiwen.com/subject/rynjwctx.html
网友评论