CSS布局秘籍：行内元素VS块元素，你真的了解吗？

听说过行内元素和块元素变身的超能力吗? 没错，这是真实存在的!赶紧来看看怎么回事！

哈喽！之前我们讲到过 CSS 盒子模型，那玩意儿挺重要滴。那么关于里面说到的margin、border和padding这三个东西，你还有印象么？

记住有的元素自带了默认的边距，处理时要小心点哟~就拿ul来说，记得把它的默认边距给去掉。

对，找位置有点解谜的感觉！你懂相对定位跟绝对定位吗？简单说，相对定位让元素可以走动，但是占位这玩意儿还是别想多了。

找到那个老出错的家伙，顺着找。要是没找到爸妈，仍维持左上角的位置！

定位，还有个固定定位挺简单的。其实就把窗户左边儿头上当参照点就行了。两种定位方法——相对定位和绝对定位，跟这又有啥不一样？

知道不？其实我们在用静态定位的时候，left和top这两个属性根本没啥用，要想控制元素位置的话，还得看margin-left和margin-top。说到z-index这个属性，它是用来控制元素在屏幕里上下顺序的，说到底，数值越高就排越上面；反而，数值小的就只能呆在下头了。

这事儿得告诉你行业元素高度宽度可不管用！要想它有用，得变成动态图片或块状展示才行。第八集那个可爱小屋太厉害了！分享2点小心得给你参考：就是动态图片链接菜单栏和只有底部有框的输入框。这两句绝了，赶紧学起来！

搞定，这个是我画出来的重点，给大家瞅瞅哈。希望能帮到你们！要是有啥疑问或想法，随时告诉我别忘了分享出去让你的小伙伴儿们也学到点东西快点儿进步！